利用CSS+HTML設(shè)計(jì)橫向與豎向?qū)Ш讲藛卧创a全版.doc

1、利用CSS+HTML設(shè)計(jì)橫向與豎向 導(dǎo)航菜單源碼1.橫向?qū)Ш讲藛问纠Ч?；如圖1-1所示源碼:橫向?qū)Ш讲藛?n lifloat:left;color:#00F;)#n li acolor:#FFF; background-color:#00F;display:block; text-decoration:none;text-align:center;height:30px;width:150px;margin-left:2px;)#n li a:hovercolor:#F30;background-color:#3CF; vh1湖南鐵道職業(yè)職業(yè)技術(shù)學(xué)院   橫向?qū)Ш讲藛蝪/

2、b 首頁(yè) 學(xué)院 概況 鐵道通信與信號(hào)學(xué)院 鐵道車(chē)輛與機(jī)械學(xué)院v/av/li鐵道供電與電氣學(xué)院鐵道牽引與動(dòng)力學(xué)院 lixa href鏟鐵道運(yùn)營(yíng)與管理學(xué)院2,豎向?qū)Ш讲藛问纠Ч?；如圖1-2所示:+CCi On / file:/C:/Uieis/lenovo/Desk.top/Untitled-2.html加門(mén)量領(lǐng)D寧與商展 D上網(wǎng)導(dǎo)航L2麗我的博厘寶畫(huà)圖蚊他美學(xué)丸明書(shū)一目湖南鐵道職業(yè)職業(yè)技術(shù)學(xué)院豎向?qū)Ш讲藛卧创a： 豎向?qū)Ш讲藛蝪/title#button width:150px; border-right:1px solid #000; padding: 0 0 lem 0; margin-bo

3、ttom:lem; font-family:f,Courier New，Courier,monospace; font-size:13px;background-color:#ff9933; color:#0000000;#button ul list-style:none; margin:0; padding:0; border:none;#button li margin:0; border-bottom-width:1 px; border-bottom-style:solid; border-bottomcolor*:#ffffOO;#button li a display:block

4、;padding:5px 5px 0.5em; background-color:#ff9933;color:#fff; text-decoration:none;width:100%; border-right-width:1 Opx; border-left-width:px; border- right-style:solid; border-left-style:solid; border-right-color:#ffccOO; border-left-color:#ffccOO;htmlbody #button li a width:auto;)#button li a:hover background- color:#ffcc00; colorborder-right- width:1 Opx; border-left-width:px; border-right-style:solid; border-left- style:solid; border-right-color:#ffOOff; border-left-color:#ffOOff; vh1湖南鐵道職業(yè)職業(yè)技術(shù)學(xué)院v/h1   豎向?qū)Ш讲藛蝪/b lixa 學(xué)