边框属性

border属性是用来设置标签边框的，它一共有三个值，值与值之间用空格隔开；

  1. 基本结构：border：粗细 类型 颜色； 例如：
  2. .leiming{
  3.     border:1px solid #000;
  4. }
  5. 其中边框类型有三个值：
  6. solid------实线；
  7. dashed-------虚线；
  8. dotted ------点线；
  10. 边框都由4部分组成
  11. 分别是 上右下左。 top，right，bottom，left
  12. 所以可以对其中一条边进行设置
  13. 例如：
  14. border-top:1px solid #ccc;
  15. border-right:1px solid #ccc;
  16. border-bottom:1px solid #ccc;
  17. border-left:1px solid #ccc;

边框圆角(radius)

border-radius 属性用于设置元素的外边框圆角。

  • 该属性是一个简写属性，可以跟四个值，分别代表左上角、右上角、右下角、左下角
  • 分开写：
  • border-top-left-radius、
  • border-top-right-radius、
  • border-bottom-right-radius
  • border-bottom-left-radius

如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为 50%