☆最新記事

2004年01月27日

CSS変更履歴:枠囲み

 HOMEブログについて(CSSなど・・) ⇒ この記事

ブログのデザインを変更してみました。
今までcss変更して再構築して、、という工程が大変だったのですが、
ブルグさんのこの記事は参考になりました。
ローカルで自分のブログを保存してからcss変えて試してみるということ。
かなり便利になり、変更意欲がわきました♪

文字を100%とかちょっとわかりづらかったのでx-smallに変えてみたり。
textクラス、titleクラスを変えてみたり。
テキストを枠で囲んでみるのが好きなので、次のようにしてみました。

dateクラスでは
border-color : #997FA3;
border-width : 1px 0px 1px 5px;
border-style : solid;

titleクラス
border-color : #997FA3;
border-width : 1px 0px 0px 0px;
border-style : solid;

textクラス
border-color : #997FA3;
border-width : 1px 1px 1px 1px;
border-style : solid;

sideクラス
border-color : #000000;
border-width : 0px 0px 1px 5px;
border-style : solid;

ずらりと書きましたが変わっているのはborder-widthだけです。
border-widthの値で枠の太さの指定が出来ます。

変更点を記録しておこうと思ったのですがこのくらいしかもう覚えてません・・
書きかたも最新の情報を見てないから自信ないなあ。
勉強しなきゃ。


(初トラックバックに挑戦・・だけどこれでいいのかちょっと心配)


posted by アウラ at 11:47 | Comment(0) | TrackBack(0) | ブログについて(CSSなど・・)
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:



この記事へのTrackBack URL

×

この広告は180日以上新しい記事の投稿がないブログに表示されております。