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 ;
}