CSS入门 练习
CSS练习1 – 画三角形
代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
#triangle{
width:0px;
border-top:#F00 solid 200px;
border-left:#FFF solid 200px;
border-right:#FFF solid 200px;
}
</style>
</head>
<body>
<div id="triangle"></div>
</body>
</html>
实现效果如下:
CSS练习2 – 画太极
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
&l