/image%2F0125000%2F201304%2Fob_47895faddaed68a2ed7ebf13bab273a7_scraplex-circle-white.png)
CSS の border プロパティを使って見出しを装飾しよう – ちょい派手な見出し | TM Life http://t.co/R1kpKMEO
October 12, 2012
Advertising
/http%3A%2F%2Ftmlife.net%2Fwp-content%2Fuploads%2F2012%2F10%2Fcss-border-01.png)
CSS の border プロパティを使って見出しを装飾しよう - ちょい派手な見出し | TM Life
『CSS の border プロパティを使って見出しを装飾しよう』 第２弾!(第４弾まであります!!) 引き続き CSS の border プロパティを使って見出しを装飾する方法について紹介します. ちょい派手な見出しです. シンプルな見出しです. 大見出しから中見出しを想定して作りました. 色については, 並べたときに見栄えするように hsl を使って色相を 60度ずつずらしていますが今回のエントリーとは無関係なので気にしないで下さい. Table of contents サンプル サンプルです. もちろん jsdo.it で作成しているので実際に動かしたりコードを見たり, fork してイジって頂けると嬉しいです. Header Type 01 背景を塗り, 左右にボーダーを引いて見出し感を出してみました.