实例
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>十字架</title>
<style>
body{margin: 0;}
.box1{width: 100px;height: 100px;background-color: yellow;position: relative;top:100px;left: 100px}
.box2{width: 100px;height: 100px;background-color: red;position:absolute;top:100px;}
.box3{width: 100px;height: 100px;background-color: blue;position:absolute;left:100px;}
.box4{width: 100px;height: 100px;background-color: magenta;position:absolute;right:100px;}
.box5{width: 100px;height: 100px;background-color:black;position:absolute;top:-100px;}
</style>
</head>
<body>
<div class="box1">
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
<div class="box5"></div>
</div>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
