边框(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-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-5px;
border-right-6px;
border-bottom-7px;
border-left-8px;
}
.....................