css边框线怎么设置-HTML中设置边框的三种形式

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

HTML中设置边框的三种形式

border-width: 1px 2px 2px;
border-style: solid dashed dotted;
border-color:red green blue;
/*分别为 上→左右→下 边框设置*/

1、框架的组成：

border: 1px solid #fff

范围：

第一个是边框的厚度1px

第二种是边框样式solid dotted line dashedsolid line dotted dotted line（不兼容，不同浏览器显示不同）

第三个是帧的红色css边框线怎么设置，直接用一句中文#f00表示颜色的十六进制补码表示法 rgb(255,0,0) rgb表示法

2. 复合风格

/*边框:1pxsolidred;/*复合样式*/

3. 单一设定

border-width: 1px 2px 2px 1px;
border-style: solid dashed dotted solid;
border-color:red green blue pink;
/*分别为上→右→下→左 边框设置*/

意思是上边框、右边框、下边框、左边框分别设置四个边框

​
border-width: 1px 2px;
border-style: solid dashed;
border-color:red green;
/*分别为 上下 左右 边框设置*/
​

两个值代表：上下边框、左右边框

三个值分别代表：上边框、左边框、下边框（不明白为什么这么划分css边框线怎么设置，也许是统一的）

您还可以单独设置每个边框！

border-top;
border-right;
border-bottom;
border-left;

而且工作不应该这么细分。因为除了工作量大之外，还很怪异难看