代碼簡(jiǎn)介：來(lái)自Individuality純CSS打造的筆記本樣式的菜單導(dǎo)航，還記得初中時(shí)記筆記的筆記本樣式嗎
代碼內(nèi)容：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " xmlns=">來(lái)自Individuality純CSS打造的筆記本樣式的菜單導(dǎo)航_網(wǎng)頁(yè)代碼站( type="text/css"> #menu {list-style: none;padding: 0;margin: 0;width: 774px;height: 210px;background: url() no-repeat;position: relative;}#menu span {display: none;position: absolute;}#menu a {display: block;text-indent: -900%;position: absolute;outline: none;}#menu a:hover {background-position: left bottom;}#menu a:hover span{display: block;}#menu .home {width: 144px;height: 58px;background: url() no-repeat;left: 96px;top: 73px;}#menu .home span {width: 86px;height: 14px;background: url() no-repeat;left: 28px;top: -20px;}#menu .about {width: 131px;height: 51px;background: url() no-repeat;left: 338px;top: 97px;}#menu .about span {width: 40px;height: 12px;background: url() no-repeat;left: 44px;top: 54px;}#menu .rss {width: 112px;height: 47px;background: url() no-repeat;left: 588px;top: 94px;}#menu .rss span {width: 92px;height: 20px;background: url() no-repeat;left: 26px;top: -20px;} </style></head><body><ul id="menu"><li><a href="#" class="home">Home<span></span></a></li><li><a href="#" class="about">About<span></span></a></li><li><a href="#" class="rss">RSS<span></span></a></li></ul><p></p></body></html><br><p><a href="">網(wǎng)頁(yè)代碼站</a> - 最專(zhuān)業(yè)的代碼下載網(wǎng)站 - 致力為中國(guó)站長(zhǎng)提供有質(zhì)量的代碼！</p>
更多信息請(qǐng)查看IT技術(shù)專(zhuān)欄
公考類(lèi)
招聘類(lèi)
各類(lèi)考試
公眾號(hào)
事業(yè)單位
當(dāng)前位置：