スタイルシートマニア

ホームページカスタマイズ Tips

CSSで見出しをデザイン(擬似クラス:first-letter)

07

Sep

2008

CSSで見出しをデザイン(擬似クラス:first-letter)

ドロップキャップで使った:first-letter 擬似クラスを使って見出しをデザインしてみます。 #h2-headline02 { color: #600; border-bottom: 1px solid #600; […]

Author:hideo
Comments:0
CSSで見出しをデザイン(付箋風)

05

Sep

2008

CSSで見出しをデザイン(付箋風)

CSSで便箋風の見出しをデザインしてみます。 backgroundで背景色を指定、colorでテキストカラーを見やすい適当なカラーにして、border-leftで付箋の感じを演出、border-bottomで立体感を出し […]

Author:hideo
Comments:0
罫線をデザインする

04

Sep

2008

罫線をデザインする

段落の間を分かりやすくする事で可読性を上げられます。 <hr />要素にCSSでデザインを入れます。、これにはborderプロパティを使って罫線を作ります。     .line01 { b […]

Author:hideo
Comments:0