css列表定義

2021-10-09 23:41:03 字數 619 閱讀 7148

標記型別的定義:list-style-type:屬性;

none(無標記)  disc(預設,標記是實心圓)  circle(空心圓)

square(實心方塊)  decimal(標記是數字)  decimal-leading-zero(0開頭的數字標記;如:01,02,03等)

lower-roman(小寫開頭的羅馬數字) upper-roman(大寫開頭的羅馬數字) lower-alpha(小寫英文本母開頭)

upper-alpha(大寫字母開頭) hiragana(日文片假名 如:a i u e o ka ki等)

katakana(標記是日文片假名 a i u e o ka ki)    

標記的位置:list-style-position:屬性;   (屬性分為inset和outset兩種)inset為空兩個

簡寫方式:list-style:(標記型別  標記位置  影象列表標記);

麥子學院

麥子學院

麥子學院

麥子學院

執行效果如下:

CSS計數器(自定義列表)

css3計數器 css counters 可以允許我們使用css對頁面中的任意元素進行計數,實現類似於有序列表的功能 自定義有序列表 與有序列表相比,它的突出特性在於可以對任意元素計數,同時實現個性化計數 定義計數器 設定計數器的增數規則 自定義列表樣式 呼叫計數器 counter reset no...

CSS自定義滑動列表上部提示陰影

效果圖 dom結構 我們可以利用這種陰影的形式來提示使用者,列表還有更多的內容。當在最上層時,沒有陰影,隨著下拉條向下滑動陰影逐漸加深,然後顏色持續不變。為了實現這種效果,我們可以在列表頂部設定乙個圓弧狀的背景,為由淡灰色到透明色的漸變,css 如下 scrollnote但是我們可以發現,不管如何滾...

CSS計數器(自定義列表)Demo

html doctype html html head meta charset utf 8 title title link rel stylesheet type text css href css begin.css head body section h2 登記個人資訊 h2 ol li 課...