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>死后世界戰(zhàn)線</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>戰(zhàn)線新聞</h3>
? ? <li></li>
? ? 戰(zhàn)線新聞：日向關(guān)禁閉</li>
? ? <li>戰(zhàn)線新聞：日向關(guān)禁閉</li>
? ? <li>戰(zhàn)線新聞：日向關(guān)禁閉</li>
? ? <li>戰(zhàn)線新聞：日向關(guān)禁閉</li>
</div>
<div class="she">
? ? <h3>戰(zhàn)線新聞</h3>
? ? <li></li>
? ? 戰(zhàn)線新聞：日向關(guān)禁閉</li>
? ? <li>戰(zhàn)線新聞：日向關(guān)禁閉</li>
? ? <li>戰(zhàn)線新聞：日向關(guān)禁閉</li>
? ? <li>戰(zhàn)線新聞：日向關(guān)禁閉</li>
</div>
</body>
</html>
