css三角形 以及清除浮动

css绘制三角形

<style>

div{

width:0;

height: 0;

border-left:30px solid yellow;

border-right:30px solid blue;

border-bottom:30px solid red;

border-top:30px solid purple;

border-radius:50%;

}

</style>

<div>三角形</div>

清除浮动

.clearfix :after { visibility : hidden ; display : block ; font-size : 0 ; content : " " ; clear : both ; height : 0 ; }