欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css圖片化項目符號

呂致盈1年前8瀏覽0評論

CSS中的圖片化項目符號可以讓網頁的列表更加美觀,增加網頁的視覺效果。下面是一個例子:

ul {
list-style: none;
padding: 0;
margin: 0;
}
li:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin-right: 10px;
background-image: url("bullet.png");
}<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
</ul>

在上面的CSS代碼中,我們首先將ul的list-style屬性設為none,去掉默認的項目符號。然后通過偽元素:before在每個li元素前添加一個塊級元素,并用display屬性將其設為inline-block,讓它能夠在li元素前顯示出來。接下來我們設置了這個塊級元素的寬、高、margin-right和background-image屬性,讓它變成了一個小的圖片。最后我們就得到了一組帶有圖片項目符號的列表。

下一篇nls oracle