CSS设置图片边框技巧

CSS设置图片边框，可控制其粗细、样式及颜色。

1、 新建文件并插入图片

2、 效果见下图

3、 设定边框样式与宽度

4、 查看效果

5、 为各边框单独设定样式

6、 查看效果

7、 为各类边框设定相应属性值

8、 查看效果

9、 应用

10、 查看效果

11、 源码已附

12、 边框宽度设置为10像素，用于定义元素边框的粗细程度。

13、 边框颜色设置为蓝色，使用十六进制代码03F表示。

14、 边框采用虚线样式，呈现断续线条效果。

15、 边框样式：上下为实线，左右为虚线。

16、 设置边框宽度：上边10像素，左右20像素，下边30像素。

17、 边框颜色依次为红色、绿色、蓝色和橙色，分别对应上、右、下、左四个方向。

18、 }