自定義列表li專案符號

2021-07-09 06:51:40 字數 887 閱讀 7034

list-style:none;寫在ul裡!

自定義符號主要是使用background-image屬性

示例**:

li

list-style:none;用來清除預設樣式;

background-image設定背景,也就是我們看成的專案符號;

background-repeat設定背景重複,設定no-repeat就會顯示乙個;

padding-left設定專案內容與的距離,不設定的話會重疊在一起。

background-image和background-repeat可以一起寫在background裡,

——————2016.2.24————————-

又回過頭來看看li元素。

list-style其實是乙個組合屬性,完整的表示應該是形如這樣的:

list

-style: square inside url('/i/eg_arrow.gif')

ul

分別對應了list-style-type; list-style-position; list-style-image屬性。

list-style-type: 設定列表項標記的型別(可自行查閱);

list-style-position: 設定在何處放置列表項標記,屬性值為inside或者outside(預設)或者inherit, 如果是inside,那麼列表項標記會放置在li元素內部,如果是outside,則放置在li元素外部。示例位址,(可通過審查元素檢視);

list-style-image: 使用影象來替換列表項的標記。

自定義列表

自定義列表不僅僅是一列專案,而是專案及其注釋的組合。自定義列表以 標籤開始。每個自定義列表項以 開始。每個自定義列表項的定義以 開始。娛樂明星 港台東南亞明星 內地明星 南韓明星 日本明星 時尚人物 愛綜藝內地綜藝 台灣綜藝 南韓綜藝 時尚生活服務 體育運動健身 追劇狂南韓電視劇集 香港電視劇集美劇...

自定義下拉列表

請選擇span class arrow down i class box prompt up notshow 1li 2li 3li 4li class tri i div div spinner btn spinner btn default txt spinner btn arrow down ...

自定義列表過濾

對列表進行 param 過濾返回 param result param param param param return public static listfilter listresult,q param 判斷物件是否滿足所有 terms 暫時只支援 and 一層 param result pa...