CSS 框模型样式总结

1.CSS样式代码执行顺序是从上到下顺序。

代码如下：如果border放在border-style之下，那么文本的边框将不显示

#b{
border:1px;
border-style: dotted solid double dashed;
}
<input id="a" />

2.

#c{
border:10px;
border-style:dotted solid double dashed;
border-color: rgb(0,0,0);
padding:20px;
margin:50px 100px 50px 100px;
}

border-style:

• 上边框是点状
• 右边框是实线
• 下边框是双线
• 左边框是虚线

border-color:

颜色

单位	描述
(颜色名)	颜色名称 (比如 red)
rgb(x,x,x)	RGB 值 (比如 rgb(255,0,0))
rgb(x%, x%, x%)	RGB 百分比值 (比如 rgb(100%,0%,0%))
#rrggbb	十六进制数 (比如 #ff0000)