SYNCERのロゴ
アイキャッチ画像

リンクの下線を消す方法

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>
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年6月22日 (木)
コンテンツを公開しました。