ホームページ&ブログ作成tips > [tips]tips > リンクの下線をアレンジする
リンクの下線をアレンジする
2007年07月02日
リンクの下には一本線。
普段より強調したい時に使ってみるとイイカモ。
まずはリンクの下線を消します。
方法はコチラ★
border-bottom: Apx B C;
A:下線の太さをピクセル単位で記入します。
B:色を指定します。カラーコードはコチラを参考に。redとかも○。
C:下線の種類を示します。
dotted:点線
double:二重線
dashed:破線
●1つのリンク先を変える例
リンク先
<a href="index.html" style="text-decoration:none; border-bottom: 1px red dashed;">リンク先</a>
普段より強調したい時に使ってみるとイイカモ。
まずはリンクの下線を消します。
方法はコチラ★
border-bottom: Apx B C;
A:下線の太さをピクセル単位で記入します。
B:色を指定します。カラーコードはコチラを参考に。redとかも○。
C:下線の種類を示します。
dotted:点線
double:二重線
dashed:破線
●1つのリンク先を変える例
リンク先
<a href="index.html" style="text-decoration:none; border-bottom: 1px red dashed;">リンク先</a>
Posted by Webサイトデザイナー★えあ at
2007年07月02日│[tips]tips
│Edit