草庐IT

CSS画三角形,圆形,椭圆,圆角长方形

1、CSS画一个三角形:(div宽高为0,border存在且颜色不一)step1:  设置宽度,高度为0的一个div盒子;step2:  为了方便理解,将盒子的4个边框分别设置一样的宽度boder,不同的颜色;step3:  transparent将其他三个边框隐藏掉,就能看到效果了。 如果对三角形的样式有特殊要求: 可以通过动画效果来实现:transform:rotate(80deg)通过旋转实现2、圆形,椭圆,圆角长方形:  通过改变border-radius的比例,可以显示不同的图形,比如圆角正方形、圆角长方形 3、效果图:    4、代码:DOCTYPEhtml>htmllang="e