border缩写属性

border缩写属性:

  • 设置的属性分别(按顺序):border-width, border-style,和border-color.
  • 如果上述值缺少一个没有关系,例如border:#FF0000;是允许的。

border其他属性用法:

  • 单个边的复合样式
    border-left:thick double #ff0000;

  • 单个边的某一具体样式:
    border-bottom-color:red;
    border-bottom-width:2px;
    border-bottom-style:solid;

    border-bottom-left-radius:3px;下边框左边圆角
    border-bottom-right-radius:3px;下边框右边圆角

  • 所有边框的某一样式:
    border-color:#fff red green blue; 设置一个元素的四个边框颜色。此属性可以有一到四个值。
    border-radius:3px 6px 3px 3px;设置圆角
    border-style:dotted solid double dashed;设置一个元素的四个边框的样式。此属性可以有一到四个值。
    border-width:thin medium thick 10px;设置一个元素的四个边框的宽度。此属性可以有一到四个值。

  • border-collapse:collapse/separate:;
    设置表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。

猜你喜欢

转载自blog.csdn.net/qq_43812504/article/details/110797075