htmlタグとcss−すぐに使えるサンプルと小技集

■Site_TOP htmlタグとcss ■Link_Page 相互リンクサイトさま

---

スポンサード リンク

---

◆HTML&CSS◆ マウスが触れると変化

---

CSS(スタイルシート)に

a:hover{color:red;border-bottom:1px dotted #000;}

という一文を載せると

アンカーテキストを使った時

htmlタグとcss−すぐに使えるサンプルと小技集

のようになり、マウスを上に乗せると文字色が変化します。

これを応用すると･･････、



階段行列みたいな目次は嫌いですか？(背景色＋文字色変化)

---

こんなデザインを作る事も出来ます。



階段みたいな目次のソースコード

---

htmlのソース
<div id="ac">
<a href="http://www.faruru.info/">html</a>
<br>
<a href="http://www.faruru.info/">css</a>
<br>
<a href="http://www.faruru.info/">domain</a>
<br>
<a href="http://www.faruru.info/">htmlタグ</a>
<br>
<a href="http://www.faruru.info/">ｽﾀｲﾙｼｰﾄ</a>
</div>

CSSのソース
#ac a{display:block;margin:0;width:90px;height:15px;color:#00F;font-size:13px;font-weight:bold; border-left:7px solid #999;border-right:1px solid #999;border-top:1px solid #999;border-bottom:2px solid #999;background-color:#FFF;text-align:center;}
#ac a:hover{color:#F00;background-color:#000;}
#ac a{margin:0; padding:0;display:inline;float:left;}



htmlタグ−小技集。

---

• htmlで電子メール
• METAの使用方法
• seo対策用htmlタグ
• スクロールバーの色
• ボタンを作る
• マウスで触れると変化
• 音楽を鳴らそう
• JavaScript入門
• 横線<hr>応用法
• アフィリエイトサイト
• xmlでサイトマップ作成

スポンサード リンク

---