css學習,控制列表章節

2021-06-26 18:05:10 字數 749 閱讀 9348

列表型別:

無序列表

有序列表

定義列表:dl是一種特殊的列表形式,成對出現,列表中每個元素的標題使用ddd 後面緊隨dddd用於描述列表中元素的內容。

一般dd元素會在dt的下一列顯示,為了實現水平顯示的效果,可以如下,定義

#box dt

#box dd

改變專案樣式,設定li的list-style-type屬性,list-style-type:circle,decimal,disc(實心圓列表)lower-alpha,lower-roman,none,square,upper-alpha,upper-roman

實現符號,使用定製的影象符號,可在列表項的左邊新增填充,為留出所需的空間,然後將符號影象作為背景影象應用與列表項,

實現**如下:

#box li

#box ul

#box li

#box li a

#box li a:link

#box li a:visited

#box li a:hover

列表項橫向顯示只要新增

#box li{

float:left;

新增的顏色標準 hsl colors如:background-color:hst(240,100%,50%)分別為色調,飽和度,亮度

hsla,a為透明度屬性,取值範圍0--1

opacity屬性即透明度,如opacity:0.75;

補充,在dt元素后們可以有多個dd元素

Css 列表的樣式的控制

列表是html裡一種很有用的顯示方式,可以把相關的並列內容整齊地垂直排列,使網頁顯得整潔專業,並讓瀏覽者有一目了然的感覺。樣式表為列表增加了一些功能,控制列表的樣式包括列表樣式 圖形符號 列表位置三個部分。1 列表符號 列表符號是指顯示於每乙個列表專案前的符號標識。基本格式如下 list style...

CSS學習之 列表

1 列表型別 語法 li 屬性值列表值描述 none 無標記。disc 預設。標記是實心圓。circle 標記是空心圓。square 標記是實心方塊。decimal 標記是數字。decimal leading zero 0開頭的數字標記。01,02,03,等。lower roman 小寫羅馬數字 i...

CSS學習 CSS 列表樣式(ul)

css列表屬性作用如下 設定不同的列表項標記為有序列表 設定不同的列表項標記為無序列表 設定列表項標記為影象 在html中,有兩種型別的列表 無序列表 列表項標記用特殊圖形 如小黑點 小方框等 有序列表 列表項的標記有數字或字母 使用css,可以列出進一步的樣式,並可用影象作列表項標記。list s...