リンクの下線を消す方法
a要素のリンクテキストの下線を消すには、text-decorationプロパティにnone
を指定します。
サンプルコード
リンクには、デフォルトで下線が付きます。それを消しましょう。
a {
text-decoration: none ;
}
デモ
<!-- このコードは編集できます。 -->
<!DOCTYPE html>
<html>
<head>
<style>
a {
text-decoration: none ;
}
</style>
</head>
<body>
<a href="https://example.com/">リンク</a>
</body>
</html>
関連記事
- リンク色をゆっくりと変える方法
- リンク色をゆっくりと変えるには、transitionプロパティを利用します。
- br要素みたいに要素する方法
- CSSでbr要素と同じように改行させるには、\Aとwhite-spaceプロパティを利用します。
- テキストに影を付ける方法
- テキストに影を付けるには、text-shadowを利用します。
- ホバーした時に透過させる方法
- 画像などを透過させるには、opacityプロパティを利用します。