備忘録めもめも

極個人的な備忘録だけではもったいないと思いホームページにしてみました

サイト内検索


このサイトについて




カレンダー

2022年5月
« 4月    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

にほんブログ村 IT技術ブログへ
にほんブログ村


HTML 

MENU »ホームページづくり »HTML »画像をCSSで影付きにする

画像をCSSで影付きにする

2011 - 6 - 14


にして

.shadow {
margin: 0px; /* 影の位置 */
background: url(../images/shadow_001.gif) right bottom;
float: left; /* 回り込み制御 */
}

.shadow img {
position: relative;
left: -5px; /* 画像を左へ移動 */
top: -5px; /* 画像を上へ移動 */
padding: 5px; /* 画像枠 */
background: #ffffff; /* paddingを設定した場合の背景色 */
border: 1px solid #999999; /* 画像の枠線 */
}

てな具合にすればできとります。


«     »
 
mixiチェック
メール