導航源碼html
1. 我想下載個網站導航網站的html源碼來建個自己的網址導航網站，我要怎麼屏蔽，刪除裡面的廣告和後台啊
這個直接右擊打開選擇記事本打開，把裡面的改成你的就行了。如果是想簡單方便的，建議你下載個 味多美網址導航的源碼程序做站，那個程序按來路自動排行，自動審核，修改廣告和管理網址都是直接在後台修改，特別方便。
2. html網頁源代碼是什麼 如何查看網頁源代碼經驗篇
第一種：打開一個網頁後點擊滑鼠的 右鍵就會有"查看源文件"，操作滑鼠右鍵--->查看源文件即可彈出一個記事本，而記事本內容就是此網頁的html代碼。
可能會碰到一些網頁滑鼠右鍵無反應或提出提示框，那是因為做網頁的加入了JS代碼來禁止用戶查看源文件代碼或復制網頁內容，但是這種方法也沒用,只有你稍微懂得以下第二種方法即可查看此網頁的源代碼源文件。
第二種：通過瀏覽器狀態欄或工具欄中的點擊 「查看」然後就用一項「查看源代碼」，點擊查看源代碼即可查看此網頁的源代碼源文件。
在微軟IE下查看--->源文件即可查看此網頁代碼在傲遊瀏覽器下截圖：
查看別人網頁的源代碼可以為我們製作網頁時候有幫助，以後將介紹查看源代碼更多方法及怎麼運用到別人的源代碼文件。
三、其它瀏覽器具體查看html網頁源代碼方法步驟 - TOP
首先請打開您的網路瀏覽器，然後訪問任何一個網頁。
完成上述步驟後，您可以通過以下針對不同網路瀏覽器的簡單步驟快速查看html網頁源代碼。
1)、Firefox瀏覽器，請按以下步驟操作：
點擊火狐firefox瀏覽器上方「工具(T)」菜單。
在下拉菜單中點擊「Web 開發者」。
然後在下拉菜單中選擇點擊「頁面源代碼」，即可查看網頁源代碼。
2）、谷歌瀏覽器，請按以下步驟操作：
點擊廣告瀏覽器，右上角「三橫」控制圖標
在下拉菜單點擊「工具」
然後再點擊「查看源代碼」。
或直接谷歌瀏覽器中使用快捷鍵「Ctrl+U」即可查看被訪網頁源代碼。
對於這些的話，新手朋友可以參考附件裡面的知識學習下
3. 求一個支持四級導航條源碼（代碼）
<!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" />
<title>水平豎彈向上三級彈出菜單</title>
<style type="text/css">
/* common styling */
.menu {font-family: verdana, arial, sans-serif; width:735px; font-size:11px; margin:500px auto;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:94px; height:25px; text-align:left; color:#000; padding-left:10px; border:1px solid #fff; border-width:0 1px 1px 0; background:#c9c9a7; line-height:25px; font-size:11px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
/* specific to non IE browsers */
.menu ul li:hover a {color:#000; background:#e9e9c7;}
.menu ul li:hover ul {display:block; position:absolute; bottom:26px; left:0;}
.menu ul li:hover ul li a.hide {background:#a7c9c9; color:#000;}
.menu ul li:hover ul li {display:block; background:#fff; color:#000;width:199px; clear:both;}
.menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#c9a7c9; color:#000; width:100%; padding-left:10px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:210px; bottom:0;}
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#c9c9a7; color:#000;}
.menu ul li:hover ul.left {left:-105px;}
.menu ul li:hover ul li:hover ul.left {left:-210px; width:209px;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
table {border-collapse:collapse; margin:0; padding:0;}
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
.menu ul li a:hover ul li a.hide {display:none;}
.menu ul li a:hover {color:#000; background:#e9e9c7;}
.menu ul li a:hover ul {display:block; position:absolute; bottom:26px; left:0;}
.menu ul li a:hover ul li {display:block; background:#fff; color:#000; width:199px;}
.menu ul li a:hover ul li a.sub {background:#a7c9c9; color:#000;}
.menu ul li a:hover ul li a {display:block; background:#c9a7c9; color:#000; width:100%; padding-left:10px;}
.menu ul li a:hover ul li a ul {visibility:hidden;}
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:210px; bottom:0;}
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;}
.menu ul li a:hover ul li a:hover ul li a:hover {background:#c9c9a7; color:#000;}
.menu ul li a:hover ul.left {left:-105px;}
.menu ul li a:hover ul li a:hover ul.left {left:-210px;}
</style>
<![endif]-->
</head>
<body>
<div class="menu">
<ul>
<li><a class="hide" href="../menu/index.html">DEMOS</a>
<!--[if lte IE 6]>
<a href="../menu/index.html">DEMOS
<table><tr><td>
<![endif]-->
<ul>
<li><a href="" title="The zero dollar ads page">zero dollars</a></li>
<li><a href="" title="Wrapping text around images">wrapping text</a></li>
<li><a href="" title="Styling forms">styled form</a></li>
<li><a href="" title="Removing active/focus borders">active focus</a></li>
<li><a class="hide" href="" title="Hover/click with no active/focus borders">HOVER/CLICK ></a>
<!--[if lte IE 6]>
<a class="sub" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK >
<table><tr><td>
<![endif]-->
<ul>
<li><a href="" title="Styling forms">styled form</a></li>
<li><a href="" title="Removing active/focus borders">active focus</a></li>
<li><a href="" title="Hover/click with no active/focus borders">hover/click</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a href="" title="Multi-position drop shadow">shadow boxing</a></li>
<li><a href="" title="Image Map for detailed information">image map</a></li>
<li><a href="" title="fun with background images">fun backgrounds</a></li>
<li><a href="" title="fade-out scrolling">fade scrolling</a></li>
<li><a href="" title="em size images compared">em sized images</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="">MENUS</a>
<!--[if lte IE 6]>
<a href="index.html">MENUS
<table><tr><td>
<![endif]-->
<ul>
<li><a href="" title="a coded list of spies">spies menu</a></li>
<li><a href="" title="a horizontal vertical menu">vertical menu</a></li>
<li><a href="" title="an enlarging unordered list">enlarging list</a></li>
<li><a href="" title="an unordered list with link images">link images</a></li>
<li><a href="" title="non-rectangular links">non-rectangular</a></li>
<li><a href="" title="jigsaw links">jigsaw links</a></li>
<li><a href="" title="circular links">circular links</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="">LAYOUTS</a>
<!--[if lte IE 6]>
<a href="../layouts/index.html">LAYOUTS
<table><tr><td>
<![endif]-->
<ul>
<li><a href="" title="Cross browser fixed layout">Fixed 1</a></li>
<li><a href="" title="Cross browser fixed layout">Fixed 2</a></li>
<li><a href="" title="Cross browser fixed layout">Fixed 3</a></li>
<li><a href="" title="Cross browser fixed layout">Fixed 4</a></li>
<li><a href="" title="A simple minimum width layout">minimum width</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="../boxes/index.html">BOXES</a>
<!--[if lte IE 6]>
<a href="../boxes/index.html">BOXES
<table><tr><td>
<![endif]-->
<ul>
<li><a href="" title="a coded list of spies">spies menu</a></li>
<li><a href="" title="a horizontal vertical menu">vertical menu</a></li>
<li><a href="" title="an enlarging unordered list">enlarging list</a></li>
<li><a href="" title="an unordered list with link images">link images</a></li>
<li><a href="" title="non-rectangular links">non-rectangular</a></li>
<li><a href="" title="jigsaw links">jigsaw links</a></li>
<li><a href="" title="circular links">circular links</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="">MOZILLA</a>
<!--[if lte IE 6]>
<a href="../mozilla/index.html">MOZILLA
<table><tr><td>
<![endif]-->
<ul>
<li><a href="" title="A drop down menu">drop down menu</a></li>
<li><a href="" title="A cascading menu">cascading menu</a></li>
<li><a href="" title="Using content:">content:</a></li>
<li><a href="" title=":hover applied to a div">mozzie box</a></li>
<li><a href="" title="I can build a rainbow">rainbow box</a></li>
<li><a href="" title="Snooker cue">snooker cue</a></li>
<li><a href="" title="Target Practise">target practise</a></li>
<li><a href="" title="Two tone headings">two tone headings</a></li>
<li><a href="" title="Shadow text">shadow text</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="">EXPLORER</a>
<!--[if lte IE 6]>
<a href="../ie/index.html">EXPLORER
<table><tr><td>
<![endif]-->
<ul>
<li><a href="" title="Example one">example one</a></li>
<li><a href="" title="Weft fonts">weft fonts</a></li>
<li><a href="" title="Vertical align">vertical align</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="">OPACITY</a>
<!--[if lte IE 6]>
<a href="../opacity/index.html">OPACITY
<table><tr><td>
<![endif]-->
<ul class="left">
<li><a class="hide" href="" title="Hover/click with no active/focus borders">< HOVER/CLICK</a>
<!--[if lte IE 6]>
<a class="sub" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">< HOVER/CLICK
<table><tr><td>
<![endif]-->
<ul class="left">
<li><a href="" title="Styling forms">styled form</a></li>
<li><a href="" title="Removing active/focus borders">active focus</a></li>
<li><a href="" title="Hover/click with no active/focus borders">hover/click</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a href="" title="colour wheel">opaque colours</a></li>
<li><a href="" title="a menu using opacity">opaque menu</a></li>
<li><a href="" title="partial opacity">partial opacity</a></li>
<li><a href="" title="partial opacity II">partial opacity II</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>
</div>
</body>
</html>
4. html下拉導航欄代碼
這個是用JS實現的。你網路一下，JS實現二級導航源碼就有了。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>簡潔的純CSS下拉菜單代碼</title>
<style>
#sddm
{ margin:0auto;
padding:0;
z-index:30;
background-color:#F4F4F4;
width:480px;
height:23px;}
#sddmli
{ margin:0;
padding:0;
list-style:none;
float:left;
font:bold12pxarial}
#sddmlia
{ display:block;
margin:01px00;
padding:4px10px;
width:60px;
background:#5970B2;
color:#FFF;
text-align:center;
text-decoration:none}
#sddmlia:hover
{ background:#49A3FF}
#sddmdiv
{ position:absolute;
visibility:hidden;
margin:0;
padding:0;
background:#EAEBD8;
border:1pxsolid#5970B2}
#sddmdiva
{ position:relative;
display:block;
margin:0;
padding:5px10px;
width:auto;
white-space:nowrap;
text-align:left;
text-decoration:none;
background:#EAEBD8;
color:#2875DE;
font:12pxarial}
#sddmdiva:hover
{ background:#49A3FF;
color:#FFF}
</style>
<!--ddmenu-->
<scripttype="text/javascript">
<!--
vartimeout=100;
varclosetimer=10;
varddmenuitem=0;
//openhiddenlayer
functionmopen(id)
{
//cancelclosetimer
mcancelclosetime();
//closeoldlayer
if(ddmenuitem)ddmenuitem.style.visibility='hidden';
//getnewlayerandshowit
ddmenuitem=document.getElementById(id);
ddmenuitem.style.visibility='visible';
}
//closeshowedlayer
functionmclose()
{
if(ddmenuitem)ddmenuitem.style.visibility='hidden';
}
//goclosetimer
functionmclosetime()
{
closetimer=window.setTimeout(mclose,timeout);
}
//cancelclosetimer
functionmcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer=null;
}
}
//closelayerwhenclick-out
document.onclick=mclose;
//-->
</script>
</head>
<bodystyle="text-align:center">
<ulid="sddm">
<li><ahref="#"onmouseover="mopen('m1')"onmouseout="mclosetime()">Home</a>
<divid="m1"onmouseover="mcancelclosetime()"onmouseout="mclosetime()">
<ahref="#">HTMLDropDown</a>
<ahref="#">DHTMLDropDownmenu</a>
<ahref="#">JavaScriptDropDown</a>
<ahref="#">DropDownMenu</a>
<ahref="#">CSSDropDown</a>
</div>
</li>
<li><ahref="#"onmouseover="mopen('m2')"onmouseout="mclosetime()">Download</a>
<divid="m2"onmouseover="mcancelclosetime()"onmouseout="mclosetime()">
<ahref="#">ASPDropdown</a>
<ahref="#">Pulldownmenu</a>
<ahref="#">AJAXdropdown</a>
<ahref="#">DIVdropdown</a>
</div>
</li>
<li><ahref="#"onmouseover="mopen('m3')"onmouseout="mclosetime()">Order</a>
<divid="m3"onmouseover="mcancelclosetime()"onmouseout="mclosetime()">
<ahref="#">VisaCreditCard</a>
<ahref="#">Paypal</a>
</div>
</li>
<li><ahref="#"onmouseover="mopen('m4')"onmouseout="mclosetime()">Help</a>
<divid="m4"onmouseover="mcancelclosetime()"onmouseout="mclosetime()">
<ahref="#">DownloadHelpFile</a>
<ahref="#">Readonline</a>
</div>
</li>
<li><ahref="#"onmouseover="mopen('m5')"onmouseout="mclosetime()">Contact</a>
<divid="m5"onmouseover="mcancelclosetime()"onmouseout="mclosetime()">
<ahref="#">E-mail</a>
<ahref="#">SubmitRequestForm</a>
<ahref="http://www.codefans.net/"target="_blank">codefans.net</a>
</div>
</li>
</ul>
</body>
</html>
5. html源碼是什麼
html源碼是什麼就是用html語言寫的什麼標簽，樣式、js之類的計算機代碼（網頁的），
如：在後綴問。html的文件中用記事本打開輸入<input type="button" value="123"> 保存,在用瀏覽器打開，會顯示一個123的按鈕！
上面的 <input type="button" value="123">就是一段html源碼
6. 求2345網址導航源碼後台管理地址
仿265網址導航全站生成html，後台管理程序介紹
網址大全源碼 網址大全(mztdw.com) V5.0版
採用動易後台，全站生成HTML，佔用資源少。適合做網址站點。
安裝步驟：
後台登陸：http://你的域名/admin
用戶名密碼為:admin
驗證碼：mztdw.com
解壓密碼：www.mztdw.com提示：
1、修改down下happywz.reg文件，這是右鍵菜單，你必須修改;
2、Data下happywz.mdb是資料庫文件，為了安全請做修改，並調整conn.asp和manage下conn.asp的配置;
3、SiteURL/manage是管理模塊，也可以用頁面的管理本站進入。
更新內容如下：
1. 對所有的網頁進行了清理，去除了無法訪問和出錯的網站。
2. 模仿265.com網站風格，去除了無法打開的網址，刪掉了大部分廣告，界面已比較清爽。
3. 修正了原來版本的一些錯誤,增加後台在線修改風格。
4. 網址分類關鍵詞生成，增加搜索引擎的抓取率。
5. 針對Google的sitemap增加的生成sitemap功能，便於被google收錄更多頁面。
6. 分類頁存放文件夾現在可以隨便更改。
7. 對網址分類管理項進行改善，去掉了網頁分類頁的前綴。
8. 修復了實用工具以及部分欄目里不能訪問的內容。
9. 修復了有時不能登陸後台的錯誤。
功能如下：
* 支持多用戶
* 支持RSS、JS引用
* 支持自定義和管理標簽(Tag)
* 可以定製常用書簽
7. 淘寶導航 HTML源代碼怎麼寫
懂DW的就可以做了
網上開店有兩種一是賣實物，二是賣虛擬物品（賣點卡，充值QQ增值業務等等）。有什麼不懂
的話可以問下我，希望可以幫到你！我也是開賣充值的。
要是新手就建意做虛擬，虛擬的好處有：
1；資金優勢； 投入小，無風險，最多300元就可以把店鋪運營起來。
2；物流優勢； 充值業務無需物流，即節省了大把時間和精力。
3；庫存優勢； 無需庫存，無需庫存也就沒有壓力。
4；信譽優勢； 店鋪信譽是生命，虛擬店鋪一月一鑽是很容易達到的
5；時間優勢； 充值軟體可以開啟自動充值模式，不耽誤您寶貴的時間。
6；利潤優勢； 只要一次性投資即可永久使用，你也是代理人了，可以賣軟體了
開虛擬的店鋪，為廣大的人都提供了一次機會。。虛擬的成本低，利潤高，每個人都會成功。
。而且，做虛擬的信譽也是比較快的，很多做實物的人因為信譽太低，都選擇了虛擬實物一起做
，虛擬帶動實物的發展，虛擬，提供的只是一次機會，只要做的好，有方法，所得的就會是暴利
。。一款軟體才300，對每個人來說都不會有太大負擔，而且不用擔心貨源問題。。但是做實物
的話，你要有資金，有貨源，還要懂得如何去拍相片，這些都是虛擬所不需要擔心的，當然，做
虛擬的話，一名好的上級也是很重要的，可以讓你少走很多彎路，一個好的上級會陪你一起成長
，因為新，所以才更懂你的心，會陪你一起成長，會跟你一起交流，新手的賣家有時候會更適合
你，因為新手賣家的經驗都是自己摸索出來的，從零信譽開始，一路走來，一路艱辛，都深有體
會。找一名好的上級，是你開店成功的一半，好的上級會教你如何去裝修店鋪，如何去推廣，如
何去防騙。這些都會主動告訴你的。好的上級
願意的話加回答者 ，我願意幫您 ,不嫌棄的話做我徒弟吧
虛物一段時間過後，對TB熟悉了，可以嘗試賣實物
現在又個朋友。3天內升到藍轉，所以信譽快。
我們師徒有建了一個群，大家就像一家人一樣，現在徒弟不多，但我們會努力，我們歡迎你來加入，有什麼問題共同解決~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
8. 簡單易懂的jQuery導航(三級菜單)源碼
<!--三級操蛋導航-->
<divclass="nav_left">
<divclass="nav_leftlist">
<h2><b></b>用戶系統</h2>
<dl>
<dt><b></b>用戶管理</dt>
<dd>
<aclass="cur"href="">商戶信息<b></b></a>
<ahref="">用戶信息<b></b></a>
</dd>
</dl>
</div>
<divclass="nav_leftlist">
<h2><b></b>財務系統</h2>
<dl>
<dt><b></b>系統賬務</dt>
<dd>
<ahref="">平台賬單<b></b></a>
<ahref="">賬單明細<b></b></a>
</dd>
</dl>
<dl>
<dt><b></b>商戶賬務</dt>
<dd>
<ahref="">商戶賬單<b></b></a>
<ahref="">提現管理<b></b></a>
</dd>
</dl>
<dl>
<dt><b></b>用戶賬務</dt>
<dd>
<ahref="">用戶賬單<b></b></a>
<ahref="">提現管理<b></b></a>
</dd>
</dl>
</div>
</div>
<style>
.nav_left{background:#232b35;height:100%;width:220px;min-height:600px;position:fixed;top:100px;left:0;}
.nav_leftlist{}
.nav_leftlisth2{height:50px;line-height:50px;padding-left:40px;font-size:16px;background:#3b444f;color:#999999;position:relative;cursor:pointer;}
.nav_leftlisth2b{position:absolute;top:20px;left:13px;width:16px;height:9px;background:url(../images/icon04.png)no-repeat;background-position:00;cursor:pointer;}
.nav_leftlisth2b.cur{background-position:-16px0;}
.nav_leftlistdl{}
.nav_leftlistdldt{height:50px;line-height:50px;background:#2c3643;font-size:16px;color:#ffffff;padding-left:60px;position:relative;cursor:pointer;}
.nav_leftlistdldtb{position:absolute;top:20px;left:34px;width:16px;height:9px;background:url(../images/icon04.png)no-repeat;background-position:0-10px;}
.nav_leftlistdldtb.cur{background-position:-16px-10px;}
.nav_leftlistdldd{}
.nav_leftlistdldda{display:block;height:50px;line-height:50px;color:#fff;padding-left:80px;font-size:16px;position:relative;}
.nav_leftlistdldda.cur{color:#ee581c;}
.nav_leftlistdldda.curb{display:block;position:absolute;top:16px;right:-1px;width:11px;height:18px;background:url(../images/icon04.png)no-repeat;background-position:0-20px;}
</style>
</body>
<scripttype="text/javascript"src="../js/jquery.js"></script>
<scripttype="text/javascript">
$(function(){
$('.nav_leftlist').on('click','h2',function(event){
$(this).siblings('dl').toggle();
if($(this).siblings('dl').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
$('.nav_leftlist').on('click','dldt',function(event){
$(this).siblings('dd').toggle();
if($(this).siblings('dd').css('display')=='none'){
$(this).find('b').addClass('cur');
}else{
$(this).find('b').removeClass('cur');
}
});
})
</script>
效果圖：
9. html的導航框架如何實現
http://blog.csdn.net/chengzi120/article/details/5635961 網上真的很多
10. html這種導航欄怎麼做
主要還是在樣式切換，我有個類似的案例，你可以看看，主要的代碼貼出來了，那就看你的自學能力了
<div class="nav_bg ma_auto">
<ul>
<Li class="on"><a href="#">首頁</a></Li>
<li><a href="online_service_center.htm">在線服務</a></li>
<Li><a href="Structure.htm">組織架構</a></Li>
<li><a href="work_list_center.htm">工作簡報</a></li>
<li><a href="zscq.htm">知識產權相關常識</a></li>
<Li><a href="zlzs.htm">專利知識培訓服務</a></Li>
<li><a href="case.htm">案件審理公開</a></li>
</ul>
</div>
樣式部分：
.nav_bg li {
float: left;
display: inline;
height: 26px;
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 0 20px;
margin: 0 5px;
line-height: 26px;
text-align: center;
border: 1px transparent solid;
border-radius: 5px;
behavior: url(css/PIE.htc);
position: relative;
}
.nav_bg li:hover, .nav_bg li.on {
cursor: pointer;
background: #fff;
border-top: 1px #000 solid;
border-left: 1px #000 solid;
}