现在的位置: 首页 > 互联网络 > WP相关 > 正文

让css控制站内图片

2010-06-20 11:13 WP相关 ⁄ 共 420字 ⁄ 字号 暂无评论

或许你可以看到,本站的图片都似乎有点阴影,这样的功能可以通过css的border属性简单的来控制,下面将部分css写出来,仅作参考:

a img{
border:0;
}
p a img,p img{
border:1px solid #ccc;
border-right:1px solid #888;
border-bottom:1px solid #888;
padding:10px;
margin:3px;
}

a img表示图片连接,我们在这里将border设置成0之后,所有的<a href=”"><img src=”" / border=”0″></a> border=”0″因为这个css标签的存在就可以去掉了。

p a img ,p img表示在<p>标签之内的img就用这个css样式表来控制了。第一行让四边的边框的颜色都为灰色,第2行和第2行重新定义右边和下边的边框都为深灰色,所以阴影的效果就出来了,当然上面的实现方法对css熟悉的朋友来说真是简单不过了,这篇文章主要针对新手!

给我留言

留言无头像?