学习了下CSS3,朋友给出了个题目让用CSS3画出一个扇形
目标:用CSS3画出一个扇形
想法:
- 先画一个整圆;
- 用方形div遮挡整圆的右半部分和下半部分;
- 用一个旋转div遮挡1/4圆,从而使剩下的部分形成扇形。
代码:
HTML:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>扇形1</title>
</head>
<body>
<div id="div1">
</div>
<div id="div2">
</di