用CSS给图片加上双边框的实用例子

2010-5-11 0:0:0 | 作者：sw996 | 0个评论 | 人浏览

网页中插入图片的时候，我们经常要给图片加上些修饰，比如加上边框或者阴影什么的，下面介绍一个用CSS给图片加上双边框的实用例子。

CSS代码：

img.double-border {
	border: 5px solid #ddd;
	padding: 5px; /*距离*/
	background: #fff; /*颜色*/
}

HTML代码：

<img class="double-border" src="http://www.goodtext.org/img/602x404.jpg"

 alt="www.goodtext.org" />

边框的宽窄和颜色可根据情况自己设置，这样图片就用CSS加上双边框了。

本文来自: 成都百度快照优化|成都百度关键词排名优化|成都SEO【思为网络】，转载请保留出处！欢迎发表您的评论

相关标签：

相关推荐