代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
body{font-family: sans-serif;
border-top: 2em solid #ccc; background-color: #efefef;
}
a:hover{ color: red; }
.inner { max-width: 58em; margin: 0 auto 0; position: relative; }
.inner{ padding-left: 10px; padding-right: 10px; }
#navigation{ background-color: #bd0000; border-bottom: 5px solid #333;}
#navigation ul{ line-height: 3em; font-size: 0.9em; text-align: center; }
#navigation li{background-color: maroon; display: inline; margin: 0 2px; padding: 0.5em 1em 0.5em 1em; }
#navigation li a {color: white; text-decoration: none; font-weight: bold;}
#navigation li:hover{ background-color: #bd0000; }
#navigation li:hover a{ color: yellow; }
</style>
</head>
<body>
<div id="navigation">
<div class="inner">
<ul>
<li id="tabMenu"><a href="/">Home</a></li>
<li id="tabStore"><a href="http://shop.fsf.org/">Store</a></li>
<li id="tabAboutGNU"><a href="/gnu/gnu.html">History</a></li>
<li id="tabPhilosophy"><a href="/philosophy/philosophy.html">Philosophy</a></li>
<li id="tabLicenses"><a href="/licenses/licenses.html">Licenses</a></li>
<li id="tabSoftware"><a href="/software/software.html">Download GNU</a></li>
<li><a href="/help/help.html">Help GNU</a></li>
<li><a href="/server/sitemap.html">Sitemap</a></li>
</ul>
</div>
</div>
</body>
</html>
论坛用户
ADMIN
论坛: UNIX系统 标题: 这个html/css是怎么弄的