多语言展示
当前在线:1392今日阅读:113今日分享:31

CSS3中有哪些美化边框的属性?

边框就是将元素内容及间隙包含在其中的边线,类似于表格的外边线。这篇经验就告诉你CSS3中有哪些美化边框的属性。
工具/原料
1

电脑一台

2

php开发集成环境

3

Sublime Text编辑器

方法/步骤
1

第一,设置边框的样式border-style。该属性用于设定边框的样式。具体语法格式如下:{border-style:none | dotted | dashed | solid | double | groove | ridge | inset | outset;} 其中的参数分别表示无边框、点线式边框、破折线边框、直线式边框、双线式边框、槽线式边框、脊线式边框、内嵌效果边框、突起效果边框。

2

第二,设置边框的颜色border-color。该属性用于设定边框的颜色,具体语法如下:{ border-color: color ;} 如果分别设定上、右、底、左边框的颜色,具体语法分别如下:{ border-top-color: color; border-right-color:color; border-bottom-color:color; border-left-color:color;}

3

第三,设定边框的线宽border-width。该属性可以通过设定边框的宽度,来增强边框的效果,具体的语法格式如下:{ border-width: medium | thin | thick | length ;} 其中的参数分别代表默认值、比默认值细、比默认值粗、自行定义宽度。

4

第四,如何边框的设定border,该属性集合了上面介绍的三种属性,为页面元素设定边框的宽度、样式、颜色。具体的语法格式如下:{ border: border-width | border-style | border-color ;}

注意事项

开发者可根据自己的需求,选择使用这些边框属性

推荐信息