CSS：border的属性

话不多说，直接上案例+代码border主要用于加边框border : 宽度线条图案颜色;border: 1px solid orange;1px代表的是边框线的宽度solid代表的是边框为实线；deshed虚线、dotted点划线、none不显示orange代表的是边框线的颜色，这里的颜色也可以是rgba(114, 255, 96, 0.5)，0.5是颜色的透明度；...

~牧马~

8144人浏览 · 2021-10-24 21:44:36

~牧马~ · 2021-10-24 21:44:36 发布

作用：border主要用于加边框

border : 宽度线条图案颜色;

border: 1px solid orange;
1px代表的是边框线的宽度
solid代表的是边框为实线；dashed虚线、dotted点划线、none不显示
orange代表的是边框线的颜色，这里的颜色也可以是rgba(114, 255, 96, 0.5)，0.5是颜色的透明度；

<div style="height:300px; width:300px; border:5px solid red;">
        <div style="height:250px; width:250px; border:5px dotted #18fAfa;">
          <img src="@/images/pep04.jpg" alt="" style="width:100%;height:100%;">
        </div>
      </div>

在这里插入图片描述

border-radius: 边框的圆弧角;

border-radius: 50%;
border-radius: 5px;

<div style="height:300px; width:300px; border:5px dotted red; border-radius:20px;">
        <div style="height:250px; width:250px; border:5px solid #18fAfa; border-radius: 50%;">
          <img src="@/images/pep04.jpg" alt="" style="width:100%;height:100%; border-radius:50%;">
        </div>
      </div>