盒子模型——边框（Border）

边框（Border）

1，边框样式（border-style）：

　　border-style（边框样式）常见样式有：

　　dashed（虚线）| dotted（点线）| solid（实线）

div｛

　　border-style:solid;

｝

 

2，边框宽度（border-width）：

　　可以指定长度值，比如 2px 或 0.1em(单位为 px, pt, cm, em 等)，或者使用 3 个关键字之一，它们分别是 thick 、medium（默认值） 和 thin（不常用）

div｛

　　border-width:5px;

｝

 

3,边框颜色（border-color）：

　　用于设置边框的颜色，可以设置的颜色：

　　（1）name - 指定颜色的名称，如 "red"（不常用）

　　（2）RGB - 指定 RGB 值, 如 "rgb(255,0,0)"

　　（3）Hex - 指定16进制值, 如 "#ff0000"

div｛

　　border-color：#888888；

｝

 

div｛

　　border-width：5px；

　　border-style：solid；

　　border-color：#888888；

｝

简写：

div｛

　　border：5px solid  #888888；

｝

 

 

边框——单独设置各边：

div｛

　　border-top-style:dotted;

　　border-right-style:solid;

　　border-bottom-style:dotted;

　　border-left-style:solid;

｝

div{

　　border-top-width:5px;

　　border-right-width:6px;

　　border-bottom-width:7px;

　　border-left-width:8px;

}

.....................

 

 

 

 

 

 

 

 

 

 

转载于:https://www.cnblogs.com/1500418882qqcom/p/9635753.html