我為一個學校項目制作了一個網站，一切都很好，直到我看到按鈕旁邊的那些點/線。這是一張圖片。

我對圖像的編碼是:

半鑄鋼?鋼性鑄鐵(Cast Semi-Steel)

.button1 {
 overflow:hidden;
 left:50%;
 padding-right: 35px;
 padding-top: 20px;
 }
 .button2 {
 overflow:hidden;
 left:50%;
 padding-right: 35px;
 }
 .button3 {
 overflow:hidden;
 left:50%;
 padding-right: 35px;
 }

 .button4 {
 overflow:hidden;
 left:50%;
 padding-right: 35px;
 }

超文本標記語言

<div>
   <a href="menu.pdf" > <img src="images/button1.png" class="button1">
   <a href="Lmenu.html"> <img src="images/button2.png" class="button2">
   <a href="brunch.html"> <img src="images/button3.png" class="button3"> </a>
   <a href="FD.html"> <img src="images/button4.png" class="button4"> </a>
</div>

& lta href=...& gt并且& ltimg src=...& gt被瀏覽器視為可打印文本，因為它位于超鏈接標記內，所以帶有下劃線。

只需刪除空格，因此使用& lta href=...& gt& ltimg src=...& gt& lt/a & gt；。

除此之外:你忘了幾個& lt/a & gt；結束標記。最好把它們加進去。

有兩點需要指出。

使用css文本修飾:none對于錨定標簽。如果沒有這一點，它會導致文本有一個下劃線。 有遺漏& lt/a & gt；標簽為你的錨標簽。 實際原因是默認情況下錨鏈接會有下劃線，默認的錨鏈接CSS規則是文本修飾:下劃線這是瀏覽器顯示錨鏈接的方式。因此，錨點中的所有文本都有下劃線。在你的例子中，你有一個空格，它是空格的下劃線。 所以將這個CSS規則添加到anchor標簽中。

a{
   text-decoration:none;
  }