我不能擺脫下劃線

我很新的HTML，所以我試圖做按鈕，但我似乎不能擺脫鏈接中的下劃線。這是我的代碼：我不能擺脫下劃線

<html> 
<style> 
body{ 
background-color: black; 
} 
a{ 
border: 5px solid white ; 
border-radius: 20px; 
font-size: 50px; 
position: absolute; 
bottom: 600px 
text-decoration: none; 
color: white; 
transition: 0.3s ease-in-out; 
background-color: black; 
padding: 50px 
} 
a:hover { 
color: white; 
transition: 0.3s; 
text-decoration: none; 
font-size: 53px; 
} 

</style> 
<title>BUTTON TESTING</title> 
<a href=https://www.youtube.com >F.A.Q.</a> 
</html>

來源

2017-02-25 user7080118

我不知道這是否解決您的問題，但在屬性元素的值應該始終有大約單或雙引號。在你的情況下：'F.A.Q.' – Scheff

你給底部：600px;對於它會像下劃線一樣刪除 –

你錯過了以[anchor：style] [bottom：600px]之後的分號 –

在你的css代碼中缺少一個分號。

a{ 
.... 
bottom: 600px; //this line 
text-decoration: none; 
.... 
padding: 50px; //this line also 
}

希望它能起作用。

來源

2017-02-25 07:15:42 Matt

正如其他人已經聲明，你缺少底部&填充樣式標籤的分號;但是，一旦糾正這些圖像不能正確顯示。

您可能只是想完全刪除bottom: 600px，因爲它在這裏似乎過分/不必要。

body{ 
 
background-color: black; 
 
} 
 
a{ 
 
border: 5px solid white ; 
 
border-radius: 20px; 
 
font-size: 50px; 
 
position: absolute; 
 
//bottom: 600px; 
 
text-decoration: none; 
 
color: white; 
 
transition: 0.3s ease-in-out; 
 
background-color: black; 
 
padding: 50px; 
 
} 
 
a:hover { 
 
color: white; 
 
transition: 0.3s; 
 
text-decoration: none; 
 
font-size: 53px; 
 
}

<title>BUTTON TESTING</title> 
 
<a href=https://www.youtube.com >F.A.Q.</a>

來源

2017-02-25 07:20:02

我不能擺脫下劃線

回答

相關問題