CSS边框样式怎么设置
在网页建造过程中，为了美化页面，经常需要设置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来设置上边框的宽度。以下是测试的例子。
- 发表于 2019-07-08 17:03
- 阅读 ( 936 )
- 分类：其他类型
admin
0 篇文章
作家榜 »
-
xiaonan123
189 文章
-
汤依妹儿
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
华志健
23 文章