在网页制作过程中，为了美化页面，常常需要设置HTML元素的边框样式，以丰富网页的展示效果。下面介绍CSS如何设置边框样式 。
方法/步骤
1
新建一个HTML页面，命名为test.html，用于测试CSS设置边框的样式 。
2
设置四个边框线的样式。主要通过border-style来设置线条的样式，有以下几种样式：dotted，dashed，solid，double，groove，ridge，inset，outset。
3
设置四个边框的颜色。主要通过border-color来设置边框的颜色。以下是测试的例子。
4
设置下边框的颜色和宽度。主要是通过border-bottom-color来设置下边框的颜色，border-bottom-width来设置下边框的宽度。以下是测试的例子。
5
设置左边框的颜色和宽度。主要是通过border-left-color来设置左边框的颜色，border-left-width来设置左边框的宽度。以下是测试的例子。
6
设置右边框的颜色和宽度。主要是通过border-right-color来设置右边框的颜色，border-right-width来设置右边框的宽度。以下是测试的例子。
7
设置上边框的颜色和宽度。主要是通过border-top-color来设置上边框的颜色，border-top-width来设置上边框的宽度。以下是测试的例子。
上一篇：外边框和内边框怎么分别设置
下一篇：3DMAX如何建模欧式拱门