在CSS中,我們可以通過設置list-style-type屬性來設定列表項的標志類型,其中包括了圓圈、方塊、十字等等。如果想要設置小圓圈的話,只需要將list-style-type屬性設置為“disc”即可:
ul { list-style-type: disc; }
這樣設置之后,無序列表的每一個列表項前面就會顯示一個小圓圈了。
當然,如果你想將小圓圈變得更小一些的話,也可以通過設置list-style屬性中的第二個值——list-style-image來實現。具體來說,你可以將list-style-image的值指定為一個半徑更小的小圓圈的圖片,然后在同時將list-style-position設置為inside,則原先的小圓圈就會隱藏掉,只留下我們指定的小圓圈圖片。
ul { list-style-type: none; list-style-image: url('small-circle.png'); list-style-position: inside; }
以上的代碼中,我們首先將list-style-type設置為none,將原先的小圓圈隱藏掉。然后,通過list-style-image屬性將我們指定的圖片與小圓圈進行替換,并將替換后的圖片放在列表項的內部。這樣,就實現了小圓圈的設定。
上一篇mysql18個基礎知識
下一篇h5頁面引用別的css