给图片加上边框.(仿胶卷)

<script type="text/javascript"> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
http://www.corange.cn//uploadfiles/2a18c100d779b219738b65c1_17907.jpg
http://www.corange.cn//uploadfiles/e417c539b2da45fb3b87cec3_40970.jpg

body{
margin:1em 12em;
background:#fff;
font:normal 1em/1.6em "lucida grande", "trebuchet ms", verdana, sans-serif;
}
h1{
text-indent:2em;
color:#dfdfdf;
background:#555;
padding:5px 0; margin:.4em 0;
border-top:4px solid #000;
font:normal 2em/1.1em "lucida grande", "trebuchet ms", verdana, sans-serif;
}
h2{
font-size:1.3em;
margin:1em 0;
}
a:link, a:visited, a:hover{ color:salmon; }
img{
float:left;
margin:0 30px 0 0; padding:4px;
}
.border-wrap, .outline-wrap{
width:96%;
padding:0 2% 20px 2%;
overflow:hidden;
}
.border{
border:5px dotted #fff; margin-right:23px;
/* border:3px dotted #fff;*/ /* this works better for Opera */
background:#ccc;
}
.outline-wrap{
background:#555;
color:#dfdfdf;
}
.outline{
outline:5px dotted #fff; /* dotted works better for Opera then dashed */
background:#fff;
}
.xray{
border-color:red;
outline-color:red;
background:yellow;
margin:20px auto;
float:none;
display:block;
}
#footer{
background:#555;
border-top:4px solid #000;
color:#efefef;
padding:.5em 1em 3em 1em;
text-align:center;
font-size:.8em; line-height:1.3em;
}
pre{
overflow:auto;
border:2px solid #ccc;
padding:4px;
float:right;
}
/* OK listen up, dont use the star html hack, I am using it here because I am too lazy to write a separate stylesheet for IE and use conditional comments */
* html .border{ border:5px dashed #ccc; } /* tweak for IE */
* html .xray{ border-color:red; }
* html .outline-wrap .border{ border-color:#fff; background:#fff; }
CSS Stamps v1.1
The border method
The outline method
Border method only for IE on a dark background
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值