10-4

 スタイルシートでデザインアップ-4
   装飾のないリンク文字を作りたいっ。


『答え』 シンプルな下線も付かないリンク文字です。

ブラウザの設定でリンクに下線を付ける付けないを選択できるようになっていますね。(聡明な当道場の生徒さんなら当然知ってますよね......ねっ?)
でも、デザイン上で下線は付けて欲しくないってページを思い付いた時は、これです。スタイルシートを使うとなーんの変哲もない文字をリンクにすることが出来ます。
サンプルを見てみましょうか。「ここ」をクリックして下さいませ。

どうです、ただのテキストがリンクになってたでしょ。(^^)
タグは下記のように書きます。

<A HREF="aaa.html" STYLE="text-decoration:none;color:black;">
GO TO NEXT PAGE</A>

勿論、aaa.htmlが飛ばしたいページの名前で、GO TO NEXT PAGE の部分はお好きなコメントで良いのです。ネットの世界には3秒ルールというのがありますから重た〜〜い画像でリンクボタンを作るより、こんなクールなリンクで趣向を凝らすのも差別化されてて良いものですよ。

文字色は black の所にお好きなカラーを設定されれば結構です。
御自身のパソコンで確かめられたら、この項は修了ですよん。

質問メール  OZ道場メニュー