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)