盒子模型——边框(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-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;

}

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

 

原文地址:https://www.cnblogs.com/1500418882qqcom/p/9635753.html