MB-Support

パソコン初心者のサポートページ

リンクの下線を消す方法

 リンクの下線を消す方法は、スタイルシートで対応しましょう!


通常リンクが貼られている文字は下線が表示されます。これは、「ここにリンクが貼られているよ」「この文字をクリックすると他のページや画像に移動できます」という事を表しています。



ホームページを閲覧する側にとっては便利な機能ですが、製作者としては、デザイン上、下線を消したい場合もあるでしょう。 そんな時は以下のスタイルを <head> 〜 </head> の間に付け足します。

HTMLソース(メモ帳)

<html>
<head>
<title>題名</title>
<style type="text/css">
<!--
 a {text-decoration:none;}
-->
</style>
</head>
<body>
<p><a href="../index.htm" target="_blank">リンクが貼られている文字</a></p>
</body>
</html>

ブラウザ


text-decoration は、文字の装飾のプロパティで、要素に a 、つまり <a href=""> などのリンクに対しての文字の装飾を定義します。値になる部分を none にする事でリンクの下線が消える事になります。次は、 リンクされている文字の色を変更してみましょう 。もっと詳しく調べるには以下。

a href に関する疑似クラス




戻る 一覧表示 次へ


BTOパソコン・ゲームPC・自作パソコンなら【TSUKUMO】 - 自作PCに必要なパーツ、豊富な品揃え

Copyright © 2013 MB-Support パソコン初心者のサポートページ All Rights Reserved.

管理人サイト閲覧方法プライバシーポリシー著作権/免責事項