CSS2
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
* {
margin: 0px;
padding: 0px;
}
body {
padding: 20px;
background: #b6b6b6;
}
.bt h1{
font-family: 宋体;
font-size: 50px;
color: brown;
text-align: center;
}
.dao{
overflow: hidden;
background-color: #333;
}
.dao a{
padding: 15px 5px;
display: block;
float: left;
color: #ffffff;
text-decoration: none;
}
.dao a:hover{
color: rgb(125, 0, 0);
background-color :#ffffff;
}
.new{
border-color: #333;
width: 300px;
margin-top: 50px;
margin-left: 30px;
position: absolute;
}
.new h3{
font-family: 黑体;
font-size: +1;
color: #6e0000;
}
.new a{
text-decoration: none;
font-family: 黑体;
}
.new a:hover{
color: #000;
}
.she{
border-color: #333;
width: 300px;
margin-top: 50px;
margin-left: 300px;
position: absolute;
}
.she h3{
font-family: 黑体;
font-size: +1;
color: #6e0000;
}
.she a{。21、、，
text-decoration: none;
font-family: 黑体;
}
.she a:hover{
color: #000;
}
</style>
</head>
<body>
<div class="bt">
<h1>死后世界战线</h1>
<center><p>无神无佛无天使</p ></center>
</div>
<center>< img src="../angel_beats_logo1.png" width="800px" height="200px"></center>
<div class="dao">
首页
首页
首页
首页
</div>
<div class="new">
<h3>战线新闻</h3>
<li></li>
战线新闻：日向关禁闭</li>
<li>战线新闻：日向关禁闭</li>
<li>战线新闻：日向关禁闭</li>
<li>战线新闻：日向关禁闭</li>
</div>
<div class="she">
<h3>战线新闻</h3>
<li></li>
战线新闻：日向关禁闭</li>
<li>战线新闻：日向关禁闭</li>
<li>战线新闻：日向关禁闭</li>
<li>战线新闻：日向关禁闭</li>
</div>
</body>
</html>
