ホームページマスターTOPページへ
初心者の為のホームページ作成支援サイト powerd by Google
HOME >CSS一覧 >リンク

下線の太さ、色 、種類を指定する

a{border-bottom:太さ 色 下線の種類;} でリンクの下線の太さ、色、種類 を指定することができます。 text-decoration:none;の指定も同時に する必要があります。

下線の種類についてはCSS一覧のボックスの項を参照して下さい。

【ブラウザ表示】

下線の太さ、色、種類が変わりました
ソース

<a href="clink2.html" class="link2">下線の太さ、色、種類が変わりました</a>

外部ファイル

a.link2{
text-decoration:none;
border-bottom:3px green dashed;
}


<body>〜</body>に直接記入する場合

<a href="clink2.html" style="text-decoration:none; border-bottom:3px green dashed;">
下線の太さ、色、種類が変わりました
</a>

■ その他の項目

リンクの下線を消す
ポイント時の背景色を指定する
リンクの文字色を指定する
オンマウスで下線を消す
オンマウスで下線を出す
オンマウスでリンク文字を移動

スタイルシート一覧のページに戻る

CSS一覧
テキスト
イメージ
テーブル
ボックス
リンク
リスト
水平線
フォーム
フレーム
ページ全体

HOME

Copyright (C) 2003-2012 ホームページマスター All rights reserved.