<noframes id="qgw2e"></noframes>
作者：phantom 時(shí)間： 2008-04-04 文檔類型：原創(chuàng) 來自：藍(lán)色理想
第 1 頁 xhtml+css制作不規(guī)則導(dǎo)航 [1] 第 2 頁 xhtml+css制作不規(guī)則導(dǎo)航 [2]
前段時(shí)間做一個(gè)小項(xiàng)目碰到了一個(gè)導(dǎo)航制作的方式然后突然想到曾經(jīng)很久以前看到的梯形狀的不規(guī)則導(dǎo)航，就嘗試做了一下。結(jié)果碰到了幾個(gè)問題，后來在同事的提醒下總算完成了，記錄一下也跟大家分享分享。
先看圖（圖片只是大致做了一下）
效果展示：
運(yùn)行代碼框<!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=utf-8" /> <meta name="author" content="Linxz" /> <title>無標(biāo)題文檔</title> <style type="text/css"> * {margin:0;padding:0;font:normal 12px/25px "宋體";} body {background:#f8f8f8;} ul {list-style:none;width:300px;height:25px;margin:20px auto;} li {float:left;width:86px;height:25px;text-align:center;margin:0 -5px;display:inline;} a {color:#fff; float:left;width:86px;height:25px;top:0;left:0;background:url(/articleimg/2008/04/5627/03.gif) center center no-repeat;} a:hover {color:#000;background:url(/articleimg/2008/04/5627/02.gif) 0 0 no-repeat;width:86px;position:relative;} </style> </head> <body> <ul> <li><a href="#" title="菜單">菜單</a></li> <li><a href="#" title="菜單">菜單</a></li> <li><a href="#" title="菜單">菜單</a></li> </ul> </body> </html> [Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運(yùn)行]
出處：藍(lán)色理想 責(zé)任編輯：bluehearts
上一頁 下一頁 xhtml+css制作不規(guī)則導(dǎo)航 [2]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
藍(lán)色理想版權(quán)申明：除部分特別聲明不要轉(zhuǎn)載，或者授權(quán)我站獨(dú)家播發(fā)的文章外，大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章，但原作者和來自我站的鏈接必須保留（非我站原創(chuàng)的，按照原來自一節(jié)，自行鏈接）。文章版權(quán)歸我站和作者共有。
轉(zhuǎn)載要求：轉(zhuǎn)載之圖片、文件，鏈接請(qǐng)不要盜鏈到本站，且不準(zhǔn)打上各自站點(diǎn)的水印，亦不能抹去我站點(diǎn)水印。
特別注意：本站所提供的攝影照片，插畫，設(shè)計(jì)作品，如需使用，請(qǐng)與原作者聯(lián)系，版權(quán)歸原作者所有，文章若有侵犯作者版權(quán)，請(qǐng)與我們聯(lián)系，我們將立即刪除修改。
第 1 頁 xhtml+css制作不規(guī)則導(dǎo)航 [1]
第 2 頁 
