明心轩 x blog
0%

用CSS画一些图形

发表于 分类于
用CSS画一些有趣的图形

半圆

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>draw</title>
	<style type="text/css">
		#semi-circle{
			width: 200px;
			height: 100px;
			background-color: red;
			border-radius:100px 100px 0 0;/* 左上、右上、右下、左下 */
		}
	</style>
</head>
<body>
	<div id="semi-circle"></div>
</body>
</html>