CSS樣式制作的漂亮WEB橫向?qū)Ш讲藛?/h1>

來(lái)源：程序員人生發(fā)布時(shí)間：2014-05-12 01:56:54 閱讀次數(shù)：3453次

　　網(wǎng)(LieHuo.Net)網(wǎng)頁(yè)制作教程歡迎大家一起來(lái)繼續(xù)學(xué)習(xí)關(guān)于CSS的教程，本文主要以CSS樣式為實(shí)例，制作了一款非常漂亮的網(wǎng)站導(dǎo)航菜單，代碼如下：
<!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.vxbq.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.vxbq.cn/" _fcksavedurl="http://www.vxbq.cn/" id="current">建站首頁(yè)</a></li><li><a href="http://www.vxbq.cn/" _fcksavedurl="http://www.vxbq.cn/">Div+CSS教程</a></li><li><a href="http://www.vxbq.cn/" _fcksavedurl="http://www.vxbq.cn/">CSS布局實(shí)例</a></li><li><a href="http://www.vxbq.cn/" _fcksavedurl="http://www.vxbq.cn/">CSS2.0教程</a></li><li><a href="http://www.vxbq.cn/" _fcksavedurl="http://www.vxbq.cn/">CSS酷站欣賞</a></li></ul></body></html>
提示：可修改后代碼再運(yùn)行!

生活不易，碼農(nóng)辛苦
如果您覺(jué)得本網(wǎng)站對(duì)您的學(xué)習(xí)有所幫助,可以手機(jī)掃描二維碼進(jìn)行捐贈(zèng)

您當(dāng)前位置：首頁(yè) > web前端 > htmlcss > CSS樣式制作的漂亮WEB橫向?qū)Ш讲藛?