如何通过CSS设置边框的属性来美化网页元素？

本文共计434个文字，预计阅读时间需要2分钟。

设置边框的属性：border、border-color、border-style、border-width、border-image、border-radius、border-bottom、border-left、border-top等。

本教程操作环境：Windows 7系统、CSS3 HTML5版、Dell G3电脑。

CSS边框属性

设置边框的属性：border、border-color、border-style、border-width、border-image、border-radius、border-bottom、border-left、border-top等。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

CSS边框属性允许你指定一个元素边框的样式和颜色。例：

css 边框属性

属性描述CSSborder复合属性。设置对象边框的特性。1border-bottom复合属性。设置对象底部边框的特性。1border-bottom-color设置或检索对象的底部边框颜色。1 border-bottom-style设置或检索对象的底部边框样式。1border-bottom-width设置或检索对象的底部边框宽度。1border-color置或检索对象的边框颜色。1border-left复合属性。设置对象左边边框的特性。1border-left-color设置或检索对象的左边边框颜色。1border-left-style设置或检索对象的左边边框样式。1border-left-width设置或检索对象的左边边框宽度。1border-right复合属性。设置对象右边边框的特性。1border-right-color设置或检索对象的右边边框颜色。1border-right-style设置或检索对象的右边边框样式。1border-right-width设置或检索对象的右边边框宽度。1border-style设置或检索对象的边框样式。1border-top复合属性。设置对象顶部边框的特性。1border-top-color设置或检索对象的顶部边框颜色1border-top-style设置或检索对象的顶部边框样式。1border-top-width设置或检索对象的顶部边框宽度。1border-width设置或检索对象的边框宽度。1border-bottom-left-radius设置或检索对象的左下角圆角边框。提供2个参数，2个参数以空格分隔，每个参数允许设置1个参数值，第1个参数表示水平半径，第2个参数表示垂直半径，如第2个参数省略，则默认等于第1个参数3border-bottom-right-radius设置或检索对象的右下角圆角边框。3border-image设置或检索对象的边框样式使用图像来填充。3border-image-outset规定边框图像超过边框的量。3border-image-repeat规定图像边框是否应该被重复（repeated）、拉伸（stretched）或铺满（rounded）。3border-image-slice规定图像边框的向内偏移。3border-image-source规定要使用的图像，代替 border-style 属性中设置的边框样式。3border-image-width规定图像边框的宽度。3border-radius设置或检索对象使用圆角边框。3border-top-left-radius定义左上角边框的形状。3border-top-right-radius定义右上角边框的形状。3box-shadow向方框添加一个或多个阴影。3

（学习视频分享：css视频教程）

以上就是css设置边框的属性有哪些的详细内容，更多请关注自由互联其它相关文章！