Html研究
気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

 枠や影をつける画像とつけない画像を貼り分ける


たまにこの画像には枠や背景をつけたいと思う時があったとしたら、
cssを使って同一のページ内に貼り分けることが出来るそうです。
1、枠と影付き背景をつける
画像

これに対し
2、背景をつけない場合は


先ずスタイルシートには

div.phot { 
margin: 0px 0px 5px 5px;
background: url(背景画像のアドレス) right bottom;
float: left;
}
div.img {
position: relative;
left: -5px;
top: -5px;
padding: 5px;
background: #FFFFF0;
border: 1px solid #999999;
}

画像を貼り付けるところは
1、枠と背景画像をつける

<div class="phot"><div class="img"><img src="画像のアドレス" alt="画像の説明"></div></div>

2、枠なし画像は

<img src="画像のアドレス" alt="画像の説明">



ちなみに背景画像はこれ↓(縮小表示しています)
2011-1kage.jpg
【2011/01/27 00:18】 html | トラックバック(0) |
コメント(0)






| ホーム |
ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

12 | 2011/01 | 02
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

author_name=Dreamy/album

気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

12 | 2011/01 | 02
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 - - - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

Template production /preview