CSS の border プロパティを使って見出しを装飾しよう | TM Life

2012/10/24 14 users CSS 見出し 曲者 TM Life エントリー

みなさん, Web サービスやブログを作る際に見出しのデザインに悩んだことはありませんか? 意外とこれが曲者で, Web デザインについての情報はたくさんありますが, 見出しについてはこれといった決定版ってのがないんですよねぇ. 今回は, CSS の border プロパティを使って見出しを装飾する方法を紹介します. 以前書いたエントリー『CSS の border-style 一覧』で紹介した b... 続きを読む

CSS の border プロパティを使って見出しを装飾しよう – 超有名サイトの見出し | TM Life

2012/10/17 22 users CSS 見出し TM Life コード 参考

『CSS の border プロパティを使って見出しを装飾しよう』 第４弾! ラストです!! シンプルな見出し ちょい派手な見出し ド派手な見出し 超有名サイトの見出し←今ここ 私がよく参考にさせて頂いている有名ブログの見出しを並べてみました. 私が真似て作っているだけなので実際のコードとは異なる部分がありますのでご注意下さい. やはり有名なブログだと, ごちゃごちゃした見出しではなく, 見やすさ... 続きを読む

CSS の border プロパティを使って見出しを装飾しよう – ド派手な見出し | TM Life

2012/10/15 10 users CSS 見出し TM Life 大見出し ボーダー

『CSS の border プロパティを使って見出しを装飾しよう』 第３弾!(第４弾まであります!!) 引き続き CSS の border プロパティを使って見出しを装飾する方法について紹介します. ド派手な見出しです. 大見出しから中見出しを想定して作りました. 前回までの見出しとの違いは背景色を付けたり 上下左右をボーダーで囲ったりして見出しとしての役割を強調しています. 色については, 並べ... 続きを読む

CSS の border プロパティを使って見出しを装飾しよう – ちょい派手な見出し | TM Life

2012/10/12 26 users CSS 見出し TM Life 大見出し hsl

『CSS の border プロパティを使って見出しを装飾しよう』 第２弾!(第４弾まであります!!) 引き続き CSS の border プロパティを使って見出しを装飾する方法について紹介します. ちょい派手な見出しです. シンプルな見出しです. 大見出しから中見出しを想定して作りました. 色については, 並べたときに見栄えするように hsl を使って色相を 60度ずつずらしていますが今回のエン... 続きを読む

CSS の border プロパティを使って見出しを装飾しよう – シンプルな見出し | TM Life

2012/10/11 28 users CSS 見出し hsl TM Life 小見出し

『CSS の border プロパティを使って見出しを装飾しよう』 第１弾!(第４弾まであります!!) CSS の border プロパティを使って見出しを装飾する方法について紹介します. シンプルな見出しです. 中見出しから小見出しを想定して作りました. CSS もシンプルなので簡単に使えます. 色については, 並べたときに見栄えするように hsl を使って色相を 60度ずつずらしていますが今回... 続きを読む