浏览模式: 普通 | 列表
6月, 2011 | 1

用CSS的padding和border属性为img图片设置双边框效果

[ 2011-06-01 10:43:02 | 作者: admin ]
实现原理：用padding设置图片内边距形成一个边框的效果，用用border设置图片的边框。这样就形式了双边框的效果。可以设置成padding和border相同的宽度，这样出出来的双边框效果比较对称。不过也可以设置边框细一点或内边距小一些，当然你也可以改变背景颜色的方法改变padding形成的边框效果的颜色。希望大家能灵活运用。
<style type="text/css">
body {text-align: center; font-family:Verdana;}
.img1 { padding:5px; border:5px solid #333;}
.img2 { padding:5px; border:1px solid #333;}
.img3 { padding:5px; border:5px solid #333; background: #c33;}
...

阅读全文…
分类: H5/JS/CSS | 永久链接 | 评论: 0 | 引用: 0 | 浏览: 1773
1