橫向導航(ul li)實現

2022-05-09 07:09:13 字數 630 閱讀 1745

1、生成site.css檔案(注:一定要將該檔案的編碼格式設定為utf-8,否則ie6有可能出現亂碼)

/* ul li以橫排顯示 */

/* 所有class為menu的div中的ul樣式 */

div.menu ul

/* 所有class為menu的div中的ul中的li樣式 */

div.menu ul li

/* 所有class為menu的div中的ul中的a樣式(包括尚未點選的和點選過的樣式) */

div.menu ul li a, div.menu ul li a:visited

/* 所有class為menu的div中的ul中的a樣式(滑鼠移動到元素中的樣式) */

div.menu ul li a:hover

/* 所有class為menu的div中的ul中的a樣式(滑鼠點選元素時的樣式) */

div.menu ul li a:active

2、前台引用上述css樣式檔案

<

link

href

="styles/site.css"

rel="stylesheet"

type

="text/css"

/>

3、前台資料

無序列表製作橫向導航

關於導航欄,就是導航橫向排列中間用豎線分割的那種,我所見的做法有4種了。最簡單的也是以前最常用的是欄目1 欄目2 欄目3 這種。自從div css爆發開始,很多導航都採用無序列表這種方式了。據說這種方式有n多好處,具體如何不得而知。用做導航欄最大的問題就在於中間的一條豎線。這條豎線的加入方法我見過三...

ul li橫向排列及圓點處理

如何用css製作橫向選單 讓ul li橫向排列及圓點處理 第一步 建立乙個無序列表 我們先建立乙個無序列表,來建立選單的結構。是 效果是 第二步 隱藏li的預設樣式,去掉圓點 因為看起來不是很好看,選單通常都不需要li預設的圓點,我們給ul定義乙個樣式來消除這些圓點。當然,為了更好的控制整個選單,我...

開機嚮導實現原理

在android tv第一次上電時,會進行乙個國家和語言及蒐台的選擇,實現的原理是 寫乙個單獨的apk實現相應的功能,把這個單獨的apk設定成launcher 在androidmanifest.xml中,設定 android excludefromrecents true android launc...