CSS边框

/* div{
    width: 600px;
    height: 600px;
    background-color: darkseagreen;
    /* 边框大小 ：默认1px*/
    /* border-width: 10px; */
    /* 边框颜色 : 默认黑色*/
    /* border-color: darkviolet; */
    /* 边框样式 ：不写边框样式，不生效*/
    /* border-style: solid; */
    /* 复合写法 */
    /* border:边框宽度 边框样式 边框颜色 */
    /* border: */
     /* 10px solid black; */
      /* } */ 
     /* div{
    width: 600px;
    height:600px;
    /* background-color: darkseagreen; */
    /* border-top: 300px solid black;
    border-left:300px solid transparent;
    border-right: 300px solid transparent;
    border-bottom: 300px solid transparent; */
     /* } */ 

div{
width: 100px;
height: 100px;
background-color: blanchedalmond;

border: 30px solid black;
/* 圆角 ：最大写百分之50*/
/* 两个值：左上右下，右上左下 */
/* 三个值：左上，右上左下，右下 */
/* 四个值：左上逆时针设置 */
border-radius: 50%;

}

来源：CSDN

作者：许润清

链接：https://blog.csdn.net/weixin_42174516/article/details/103928276