商用利用OK、加工OK、許可不要、ALL無料のホームページ素材集

WEBデザイナーが作った超シンプル素材集

TIPS MENU

MATERIAL MENU

がんばろうニッポン

CSSサンプル

ここでは、ちょっと役立つCSSをメモ程度に置いていきます。
ご自由にお使いいただけますが、設置後の動作を保障するものではありませんのでご注意ください。

文章に写真や画像を回り込ませる

よく新聞記事みたいに写真を回り込ませて表示させているサイトがあります。よく使われている手法ですが、画像にcssを指定しておくと使い回しがきいて便利です。

::::: CSS表記 :::::

.imageRight {
float:right;
margin:0px 0px 10px 10px;
}

::::: HTML表記 :::::

<p>
<img src="img/sample01.jpg" width="200" height="150" class="imageRight" />
 法隆寺は、奈良県の斑鳩にあるお寺です。別名を斑鳩寺とも言います。聖徳太子ゆかりのお寺ということで有名で、現存する世界最古の木造建築物群であり、1993年に世界遺産(文化遺産)にも登録されています。<br />
<br />
 歴史は古く、7世紀終わりごろ~8世紀初めに建立されたと言われています。写真の金堂や五重塔など、他にも国宝に指定された建造物や貴重な仏像などの文化財がたくさんあり、多くの観光客や修学旅行生が訪れます。<br />
 法隆寺の隣には聖徳太子の母の宮殿として使われていたという中宮寺が、また近くには法輪寺や法起寺(法隆寺と同じく世界遺産)などがあり、いずれも聖徳太子ゆかりのお寺といわれています。それにしても長い文章を考えるのも大変です。
</p>

::::: 動作確認 :::::

 法隆寺は、奈良県の斑鳩にあるお寺です。別名を斑鳩寺とも言います。聖徳太子ゆかりのお寺ということで有名で、現存する世界最古の木造建築物群であり、1993年に世界遺産(文化遺産)にも登録されています。

 歴史は古く、7世紀終わりごろ~8世紀初めに建立されたと言われています。写真の金堂や五重塔など、他にも国宝に指定された建造物や貴重な仏像などの文化財がたくさんあり、多くの観光客や修学旅行生が訪れます。
 法隆寺の隣には聖徳太子の母の宮殿として使われていたという中宮寺が、また近くには法輪寺や法起寺(法隆寺と同じく世界遺産)などがあり、いずれも聖徳太子ゆかりのお寺といわれています。それにしても長い文章を考えるのも大変です。

更新日:2011.01.22 Category:CSSサンプル
HOMEへ このページのTOPへ