CSS的border边框属性边框样式内外边框圆角合集

CSS border 属性允许指定元素边框的样式、宽度和颜色。

1.四个边框

2.内外边框

3.边框样式

4.圆角边框

1.border边框属性可以设置一到四个值（上边框，右边框，下边框，左边框）

border-top: 10px solid black;    //上
border-right: 10px double red;   //右
border-bottom: 10px dotted blueviolet;  //下
border-left: 10px dashed coral;  //左

四个边框的值都可以设置不同的颜色宽度样式等等

2.内外边框

有时候外边框会占据一定的空间当处理细节的时候外边框占据的那部分空间可能会造成些许的影响这时候就可以使用box-sizing属性来处理

box-sizing: content-box; /*外边框/默认外边框*/
box-sizing: border-box; /*内边框*/

这里可以很直观的看到区别宽高一样的两个div设置了外边距和内边距

3.边框样式：

边框有各种样式例如虚线实线点状等等。。

dotted - 定义点线边框
dashed - 定义虚线边框
solid - 定义实线边框
double - 定义双边框
groove - 定义 3D 坡口边框。效果取决于 border-color 值
ridge - 定义 3D 脊线边框。效果取决于 border-color 值
inset - 定义 3D inset 边框。效果取决于 border-color 值
outset - 定义 3D outset 边框。效果取决于 border-color 值
none - 定义无边框
hidden - 定义隐藏边框

4.圆角边框

这个取值就根据个人需要自定义取值

border-radius: 20px;

以上收队

有帮到你就点个赞吧

CSS的border边框属性边框样式内外边框圆角合集相关推荐

c语言中边框所占两列一行,css中的border-collapse属性如何设置表格边框线？（代码示例）...
css中的border-collapse属性如何设置表格边框线?本篇文章就给大家介绍css中的border-collapse属性是什么? border-collapse属性设置表格边框线的方法.有一定 ...
storyboard或者Xib给View设置边框属性(颜色，宽度，圆角)
纯代码设置Button或者其他View的边框属性例: UIView* view = [[UIView alloc]init]; view.layer.borderWidth = 2.0; view. ...
CSS学习笔记（六）边框属性与盒子属性
文章目录一.边框属性二.内边框属性三.外边框属性四.盒子模型五.盒子box-sizing属性六.盒子模型练习七.盒子居中和内容居中八.清空默认边框九.行高和字号十.还原字体和字号( ...
html 折线边框,HTML中的边框属性
可以通过边框风格属性border-style设定上下左右边框的风格,该属性用于设置一个元素边框的样式,而且必须用于指定可见的边框.可以使用1到4个关键字,如果四个值都给出了,它们分别用于上.右.下和左 ...
使html轮廓颜色不同,css中border颜色不同怎么设置？
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. css中bord ...
html5border设置彩色,css中border颜色不同怎么设置？
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言. css中bord ...
css--DIV+CSS布局、常用属性、盒模型、自定义字体、标签的分类及相互转换
目录一.DIV+CSS布局 1.1 布局时常用的属性 1.2 布局 - 上中下结构 1.3 布局 - 上中下 - 左右 1.4 圣杯布局和双飞翼布局二.字体属性 2.1 字体颜色 2.2 字体大 ...
2_31_CSS 属性、CSS与CSS3的属性值和单位_191022
css属性 font-family font-size font-style color 一.CSS属性值和单位 1.字符如果值为若干单词,则要给值加引号. 如:p{ font-family:&qu ...
css美化表格和表单样式
Css美化表格和表单样式表格创建默认是没有边框的,我们要用boder属性去设置表格的边框表格基本样式表格边框合并boder-collapse 在显示表格时,通常来说表格都是有边框的,边框的作用: ...

CSS的border边框属性边框样式内外边框圆角合集

1.border边框属性可以设置一到四个值（上边框，右边框，下边框，左边框）

2.内外边框

3.边框样式：

4.圆角边框

CSS的border边框属性边框样式内外边框圆角合集相关推荐

最新文章

热门文章

CSS的border边框属性 边框样式 内外边框 圆角合集

1.border边框属性 可以设置一到四个值（上边框，右边框，下边框，左边框）

2.内外边框

3.边框样式：

4.圆角边框

CSS的border边框属性 边框样式 内外边框 圆角合集相关推荐

最新文章

热门文章

CSS的border边框属性边框样式内外边框圆角合集

1.border边框属性可以设置一到四个值（上边框，右边框，下边框，左边框）

CSS的border边框属性边框样式内外边框圆角合集相关推荐