2006年05月24日

divのcss

このトップページの上のINFOMATION部分にテーブルを使っていましたがFirefoxでうまく表現されていなかったのでdivに変えて、右下に紙が折れ曲がっている画像を使ってカスタマイズしてみました。
参考:Dynamic Drive CSS Library- Curly Corner Container
このサイトは様々なおしゃれなCSSのタグがあり、コピペだけでブログをカスタマイズできて助かります。(画像はアップロードします)
引用のCSSに使ってもいいと思います。The CSS:
<!-- Source: Dynamic Drive CSS Library -->
<!-- URL: http://www.dynamicdrive.com/style/ -->
.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(画像のurl) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

The HTML:
<div class="curlycontainer">
<div class="innerdiv">
<b>Some title</b> <br />
Some text here.Some text here. Some text here.<br />
Some text here.Some text here. Some text here.<br />
Some text here.Some text here. Some text here.<br />
Some text here.Some text here.
</div>
</div>

*画像は上記サイトよりDLできます

/テクノラティ


posted by rika at 18:01 | 東京 ☁ | Comment(0) | TrackBack(1) | Seesaa| 管理者用
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス: [必須入力]

コメント: [必須入力]

認他コード: [必須入力]


※画像の中の文字を半角で入力してください。
※半角英数字のみのコメントは投稿できません。

この記事へのトラックバック

calendario 2004 di kylie minogue
Excerpt: divのcss
Weblog: calendario 2004 di kylie minogue
Tracked: 2007-02-23 22:40
×

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