Next Home  Prev
No,181 comment 0
たまにこの画像には枠や背景をつけたいと思う時があったとしたら、
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分04秒/ html /コメント:0 /トラックバック:0/▲ページトップへ戻る

コメント


コメント index
    絵文字

    非公開コメント

    トラックバック:
    トラックバック URL
    →http://dreamy.blog2.fc2.com/tb.php/181-0138d0a0

    Next Home  Prev

    カテゴリー

    どりーみー

    recent comment

    最新の記事

    月別アーカイブ

    recent trackback

    ブログ内検索

    RSSフィード

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

    TB_People

    カレンダー

    10 | 2018/11 | 12
    - - - - 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 -

    iconカテゴリ

    ブロとも一覧

    ブロとも申請フォーム

    この人とブロともになる

    リンク

     

    カテゴリー

    recent comment

    最新の記事

    月別アーカイブ

    recent trackback

    ブログ内検索

    RSSフィード

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

    TB_People

    カレンダー

    10 | 2018/11 | 12
    - - - - 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 -

    iconカテゴリ

    ブロとも一覧

    ブロとも申請フォーム

    この人とブロともになる

    リンク