8.边框相关属性

设置边框宽度

  • border: 3px;

设置边框风格

  • border-style: solid;

设置边框颜色

  • border-color: red;

  • 组合写:border: 4px solid royalblue;

单独设置下边:

  • border-bottom: 3px solid green;

单独设置上边:

  • border-top: 3px solid red;

单独设置左边:

  • border-left: 3px solid gold;

单独设置右边:

  • border-right: 3px solid palevioletred;

边框风格:

  • solid——实线
  • dotted——点线
  • dashed——虚线

边框圆角:

  • border-radius: 20px;

设置圆,必须是一个正方形

  • border-radius: 50%;

设置椭圆,必须是一个长方形

  • border-radius: 50%;

你可能感兴趣的:(8.边框相关属性)