CSS中設置符號避頭尾是一個很重要的技巧,可以讓我們的網頁排版更加美觀。下面介紹一些常見的設置方法。
/* 一、清除列表項符號的頭部 */ ul { list-style: none; padding-left: 0; }
上述代碼可以清除ul元素的列表項符號頭部,以達到不顯示符號的效果。
/* 二、改變列表項符號的樣式 */ ul li:before { content: "■"; margin-right: 5px; }
上述代碼可以改變ul元素的列表項符號樣式,使用content屬性添加符號樣式,margin-right屬性則控制符號和文字之間的間距。
/* 三、添加特殊符號作為列表項符號 */ ul li:before { content: "\2022"; color: red; margin-right: 5px; }
上述代碼可以添加特殊符號作為ul元素的列表項符號,使用content屬性添加符號,可以使用ASCII碼或Unicode碼表示。color屬性則可以控制符號的顏色。
在使用上述代碼時,需要將ul元素的列表項符號樣式設置為none,這樣才能實現設置符號避頭尾的效果。
上一篇css 超出文本 顏色
下一篇css 設置細邊框樣式