HTML+CSS画圆、半圆、扇形、三角形

使用border-radius：____px代码实现圆，半圆，扇形，三角形

1、圆

 

html中设定一个盒子

 

css中盒子样式

 

代码实现图

2、半圆

 

html中设定一个盒子

 

css中盒子样式

 

代码实现效果图

3、扇形

 

html中设定一个盒子

 

css中盒子样式

 

代码实现效果图

4、三角形： 善用transparen （透明）

 

html中设定一个盒子

 

css中盒子样式

 

代码实现效果图