色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css中 list-style

榮姿康1年前9瀏覽0評論

list-style屬性是CSS中用于控制列表符號的屬性。此屬性針對的是列表(也就是使用ul或ol標簽創(chuàng)建的無序列表或有序列表),可以修改列表中的符號或標記的形狀、大小、顏色等屬性。

ul {
list-style-type: square;
list-style-position: inside;
list-style-image: url('image.svg');
}

list-style-type屬性用于指定列表符號的類型。常見的值包括:disc(實心圓點)、circle(空心圓點)、square(實心正方形)、decimal(數(shù)字)、lower-roman(小寫羅馬數(shù)字)等。如果需要自定義符號,可以使用list-style-image屬性指定URL地址來加載自定義圖片。

list-style-position屬性用于指定列表符號的位置。默認情況下,符號位于列表項正文的前面,即在左側(cè)。可以通過此屬性將符號移動到列表項內(nèi)部(inside)或外部(outside)。

ol {
list-style-type: decimal;
counter-reset: item;
}
li:before {
content: counter(item);
counter-increment: item;
margin-right: 10px;
}

在使用有序列表時,最常見的是數(shù)字符號(decimal),然后是小寫字母(lower-alpha)和小寫羅馬數(shù)字(lower-roman)。但有時候需要給列表項添加序號,此時可以通過給before偽類添加內(nèi)容來實現(xiàn)。同時,還需要通過counter-reset屬性設(shè)置一個計數(shù)器,以便為每個列表項賦予唯一的編號。

需要注意的是,list-style屬性是一個合成屬性,可以同時設(shè)置list-style-type、list-style-position和list-style-image三個屬性的值。

ul {
list-style: square inside url('image.svg');
}

使用上述簡寫方式時,必須按照type、position和image的順序填寫。