在CSS中,您可以使用list-style-type
屬性來在文字前面加點(diǎn),這個(gè)屬性用于設(shè)置列表項(xiàng)前面的標(biāo)記類型,其中disc
值會在文字前面顯示一個(gè)實(shí)心的圓點(diǎn),以下是一個(gè)示例:
ul { list-style-type: disc; }
在這個(gè)示例中,所有列表項(xiàng)(li
元素)前面的文字將會顯示一個(gè)實(shí)心的圓點(diǎn),您可以根據(jù)需要調(diào)整這個(gè)樣式,例如改變點(diǎn)的顏色、大小等。
自定義標(biāo)記樣式
如果您需要更多的自定義選項(xiàng),您可以使用list-style-image
屬性來設(shè)置自定義的標(biāo)記圖像。
ul { list-style-image: url('custom-bullet.png'); }
在這個(gè)示例中,所有列表項(xiàng)前面的文字將會顯示一個(gè)來自custom-bullet.png
圖像的標(biāo)記,您可以將這個(gè)圖像設(shè)計(jì)為您需要的任何樣式。
標(biāo)記位置
您還可以使用list-style-position
屬性來控制標(biāo)記的位置,默認(rèn)情況下,標(biāo)記會顯示在文字的前面(inside
),如果您希望標(biāo)記顯示在文字的后面,您可以這樣設(shè)置:
ul { list-style-position: outside; }
在這個(gè)示例中,所有列表項(xiàng)前面的文字將會顯示一個(gè)實(shí)心的圓點(diǎn),但這個(gè)點(diǎn)會顯示在文字的后面。
通過CSS,您可以輕松地控制文字前面的標(biāo)記樣式,包括加點(diǎn),您可以根據(jù)需要選擇使用實(shí)心的圓點(diǎn)、自定義的圖像,以及控制標(biāo)記的位置,這些功能可以讓您的列表更加醒目和易于閱讀。