標記型別的定義: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 課...