小箭头和圆角盒子的设置

1、小箭头的设置

设置一个宽高都为0的盒子

设置这个块元素边框的大小样式和颜色，把边框的其中三个边的颜色隐藏起来

例：设置一个红色的箭头朝右的箭头

div{

    width: 0;

    height: 0;

    border: 5px solid red;

    border-color: transparent transparent transparent red ;

}

2.圆角盒子的设置

设置一个盒子，然后加入属性{border-radius：属性值；}

可选值（单独给每个角设置圆角）

border-top-left：左上角

border-top-right：右上角

border-bottom-left：左下角

border-bottom-right：右下角

属性值

百分比：0~50%（当设置到50%时盒子就变成了圆形）

像素:0~盒子宽或高的一半

例：

    div{

        width: 467px;

        height: 467px;

        background-color: red;

        border-radius: 20px ;

    }