欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css控制文字前的小圖標(biāo)具體寫法

  發(fā)布時(shí)間:2013-03-20 16:23:36   作者:佚名   我要評論
文字前的小圖標(biāo)在一些列表展示中特別的有用,本文會介紹一些實(shí)現(xiàn)的此效果的具體方法,感興趣的你可不要錯(cuò)過了哈,希望本教程對你有所幫助
有些列表項(xiàng)需要在文字前加個(gè)小圖標(biāo),如下圖:

實(shí)現(xiàn)方法有多種,這里使用<span>元素。
span標(biāo)記是行元素,沒有寬高,雖然可以通過display:block;來改變。但是就會造成換行。
貼代碼:

復(fù)制代碼
代碼如下:

<span style="padding-left:19px;background:url(a.jpg) no-repeat;">選項(xiàng)1</span>
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">選項(xiàng)2</span>
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">選項(xiàng)3</span>
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">選項(xiàng)4</span>

這里使用了padding-left來實(shí)現(xiàn)這個(gè)小圖標(biāo)的出現(xiàn),就是讓文字靠右點(diǎn)

相關(guān)文章

最新評論