私はアンダーラインを取り除くことができません

私はかなり新しい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; の場合アンカースタイルの[bottom：600px]の後にセミコロンを忘れた –

アンダーラインの削除を適用します –

あなたのCSSコードにはセミコロンがありません。

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

希望します。

出典

2017-02-25 07:15:42 Matt

もう1つは、下部にセミコロンがないことをすでに述べたように、&パディングスタイルのタグです。ただし、一度修正すると画像が正しく表示されません。

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

私はアンダーラインを取り除くことができません

答えて

関連する問題