人気ブログランキング | 話題のタグを見る
画像の縁取りでポラロイド写真風に
画像の縁取りでポラロイド写真風
DIV.POST_BODY img{
margin:5px;
padding:5px 5px 30px 5px;
border-top:1px solid #cccccc;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
background-color:#F6F6F6;
background-image:url(サイン.gif URL);
background-repeat:no-repeat;
background-position:95% bottom;
}

このソースをCSS編集の最後に追加すればOKです。
サインは適当なグラフィックスソフトで作ってください。

↓上段のタグの説明です

枠線の外側に余白を5px分取ります。
枠線の内側に余白を取ります。上5px、右5px、下30px、左5px
上の線 1px 実線 薄いグレー色
右の線 1px 実線 少し濃いグレー色
下の線 1px 実線 少し濃いグレー色
左の線 1px 実線 薄いグレー色
背景色 薄いグレー色
背景画像 サイン 透過gif
背景画像の繰り返し なし
背景画像の位置 左から95%、下端
by snowdropa | 2008-01-18 00:35 | CSS |Topにもどる


<< 応用 流れる文字 >>