如何为通过css为图片设置一个边框呢，HTML中是通过标记的border属性值，给图片添加边框的，css中是通过border属性，为图片设置各式各样的边框样式，border-style定义边框的样式，如虚线、实线或点划线等等。
HTML设置图片的边框
HTML中通过标记的border属性值，给图片添加边框，从而控制边框的粗细，当该值为0时，表示没有边框。
代码如上，可以看到所有边框都是黑色，而且风格非常单一，都是实线，仅仅是边框的粗细可以进行调整。
CSS设置图片的边框
在Dreamweaver中通过语法提示，可以轻松地获得各种边框样式的值。
可以通过border-color定义边框的颜色，border-width定义边框的粗细。
边框
代码如上，第一个图片的效果为金黄色、5像素宽的点划线，第二个图片为蓝色、2像素宽的虚线。
在CSS中可以分别设置4个边框的不同样式，分别设定为border-left、border-right、border-top、border-bottom的样式。
分别设置4个边框
代码如上，为图片的四个边框分别设置了不同的风格样式，这种方法在很多其他HTML元素中也经常使用。
Border属性，还可以将各个值写到同一语句中，用空格分隔，这样可以大大的减少代码的长度。
合并各CSS值
这样，可以加快网页的下载速度，而且更加清晰易读。
此外，除了border属性可以将各个属性值写到一起，CSS的很多其他属性也可以进行类似的操作，例如，font，margin及padding等属性都可以统一。
p{
font:italic bold 30px Arial,Helvetica,sans-serif;
padding:0px 5px 0px 3px;
}
相关推荐：
