成都百度快照优化|成都百度关键词排名优化|成都SEO【思为网络】 --【思为网络】成都专业网站优化公司,公司拥有专业搜索引擎优化团队,提供网站整站优化(网站结构优化、网站内容优化、网站外部优化)、百度排名首页优化、GOOGLE优化排名
成都百度关键词排名优化--成都百度快照首页排名优化
你的位置:首页 » 网页设计制作 » 正文

用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加上双边框了。

已有0位网友发表了一针见血的评论,你还等什么?

必填

选填

选填

记住我,下次回复时不用重新输入个人信息

必填,不填不让过哦,嘻嘻。

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

相关推荐