导航条代码

最新推荐文章于 2024-08-31 08:32:04 发布

最新推荐文章于 2024-08-31 08:32:04 发布 · 340 阅读

文章标签：

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
<TITLE>THEBEAUTIFULLIST</TITLE>
<styletype="text/css">
div#BeautifulList{width:300px;margin:20px;font-family:Verdana;}
#BeautifulLista{display:block;color:#BBE1E7;padding:10px15px;background-color:#3DA2B6;border-bottom:dotted1px#A8D3DA;font-size:12px;text-decoration:none;}
#BeautifulLista:hover{color:#fff;background-color:#58AFC0;font-weight:bold;}
#BeautifulListh1{margin:0;font-weight:normal;color:#fff;padding:15px;font-size:14px;background-color:#238298}
#BeautifulFooth2{color:white;margin:0;font-size:14px;padding:20px10px;}

/*圆角*/
div.RoundedCorner{background:#3DA2B6}
b.rtop,b.rbottom{display:block;background:#FFF}
b.rtopb,b.rbottomb{display:block;height:1px;overflow:hidden;background:#3DA2B6}
b.r1{margin:05px}
b.r2{margin:03px}
b.r3{margin:02px}
b.rtopb.r4,b.rbottomb.r4{margin:01px;height:2px}
</style>
</HEAD>
<BODY>
<divid="BeautifulList">
<h1>THEBEAUTIFULLIST</h1>
<ahref="#">Home</a>
<ahref="#">Blog</a>
<ahref="#">Photos</a>
<ahref="#">About</a>
<ahref="#">ContactMe</a>
<divid="BeautifulFoot"class="RoundedCorner">

<h2>WelcometoPureDays.CN</h2>
<bclass="rbottom"><bclass="r4"></b><bclass="r3"></b><bclass="r2"></b><bclass="r1"></b></b>
</div>
</div>
</BODY>
</HTML>