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

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

---

スポンサード リンク

---

◆HTML&CSS◆ 横線<hr>応用法

---

<hr>をCSSを使って装飾してみるコーナーです。

htmlソース：<div id="hh">html test<hr></div>
CSSソース：#hh hr{color:#CACACA;height:2px;}


htmlソース：<div id="hh1">html test<hr></div>
CSSソース：#hh1 hr{border-bottom:2px dotted #000;}


htmlソース：<div id="hh2">html test<hr></div>
CSSソース：#hh2 hr{border-bottom:2px dashed #FA0;}


htmlソース：<div id="hh3">html test<hr></div>
CSSソース：#hh3 hr{border-bottom:1px solid #FA0;border-top:1px dashed #FA0;}


htmlソース：<div id="hh4">html test<hr></div>
CSSソース：#hh4 hr{border-top:1px double #AF0;border-bottom:1px dashed #AF0;}


htmlソース：<div id="hh5">html test<hr></div>
CSSソース：#hh5 hr{border-bottom:1px groove #0AF;border-top:1px dashed #0AF;}


htmlソース：<div id="hh6">html test<hr></div>
CSSソース：#hh6 hr{border-bottom:1px ridge #000;}


htmlソース：<div id="hh7">html test<hr></div>
CSSソース：#hh7 hr{border-bottom:2px inset #000;}


htmlソース：<div id="hh8">html test<hr></div>
CSSソース：#hh8 hr{border-bottom:1px outset #F00;border-top:1px ridge #00F;}



htmlタグ−小技集。

---

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

スポンサード リンク

---