備忘録めもめも

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

サイト内検索


このサイトについて




カレンダー

2021年11月
« 4月    
1234567
891011121314
15161718192021
22232425262728
2930  

にほんブログ村 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チェック
メール