スタイルシートマニア

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

年月の記事

罫線をデザインする

04

Sep

2008

罫線をデザインする

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

Author:hideo
Comments:0
リンクをボタンにする

02

Sep

2008

リンクをボタンにする

CSSでボタンを作ってみます。ボタンが作れればナビゲーションも割と簡単に作れるようになります。 まず、普通にリンクテキスト同じCSSを作ります。 .button01 a { color: c00; font-weight […]

Author:hideo
Comments:0
おもしろリンクアクション

01

Sep

2008

おもしろリンクアクション

リンクに要素の位置を指定するpositionプロパティを組み合せてロールオーバーした時にテキストを少し動かしてボタンを押したようなアクションを作ってみます。 リンクのboxを作ってその中のリンクに対してこの効果を有効にす […]

Author:hideo
Comments:0