CSS的文本格式化功能非常豐富,其中一項常見的需求是去掉前面數字。比如在列表或標題前面,我們不想要顯示1、2、3這種序號,而只需要顯示內容本身。這時我們就可以借助CSS的text-indent屬性來實現。
ul{ list-style:none; /*去掉無序列表前面的默認樣式*/ padding:0; /*去掉默認的內邊距*/ } li{ text-indent:-2em; /*將文字縮進2個字符的距離*/ }
上面的代碼中,我們對ul元素去掉了默認的無序列表樣式,并去掉了內邊距。接著針對li元素設置了一個負的text-indent值,讓其中的文字向左縮進2個字符的距離,從而讓序號隱藏了。
如果希望去除標題前面的數字,也可以采用類似的方法:
h1:before{ content:none; /*去掉偽元素的默認內容*/ }
上面的代碼中,我們利用CSS的偽元素: before(和: after)來操作標題元素前面的內容,將其設為none來清除默認的序號內容。
通過上述方法,我們可以更靈活地控制文本的格式,讓內容更加美觀、舒適。
上一篇html 轉php
下一篇html 轉圖片 php