純CSS製作的超酷的網站橫嚮導航菜單

07-26

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>www.jz123.cn</title><style type="text/css">* {	font-size:12px;	text-align:center;}body {	background:#f0f0f0;}#nav {	width:700px;	margin:20px auto 0 auto;	background:#f60;	padding:8px 12px;}#nav li {	display: inline;	list-style-type: none;}#nav li a:link,#nav li a:visited {	float:left;	margin-right:8px;	padding:2px 5px;	text-decoration: none;	color:#fff;	border:1px solid #f60;}#nav li a:hover {	color:#ff0;	border:1px solid #fff;}#nav li a#current {	color:#c00;	border:1px solid #fff;	background:#fff;}</style></head><body><ul id="nav">    <li><a href="http://www.jz123.cn/" id="current">jz123.cn 首頁</a></li>    <li><a href="http://www.jz123.cn/">Div+CSS教程</a></li>    <li><a href="http://www.jz123.cn/">CSS布局實例</a></li>    <li><a href="http://www.jz123.cn/">CSS2.0教程</a></li>    <li><a href="http://www.jz123.cn/">CSS酷站欣賞</a></li></ul></body></html><a href="http://js.jz123.cn">歡迎訪問中國建站之家網頁特效集</a>

純CSS製作的超酷的網站橫嚮導航菜單
推薦閱讀：

※當菜單被99﹪的人看作是「消耗品」，我其實想告訴你，別人不知道的這些…
※牛排情懷2030：A02 三分鐘看懂一幅菜單（IV）
※純css寫的3級導航菜單
※薊縣35個火到不行的農家院！史上最全！（具體到農家菜單）
※婚宴菜單的注意事項

TAG:導航 | 網站 | 菜單 |