国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

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

2024-07-11 08:28:56
字體：大 中 小
供稿：網(wǎng)友
有些列表項(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)

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 郧西县| 英超| 广东省| 汾阳市| 绵阳市| 孟州市| 祁阳县| 辽中县| 长垣县| 隆子县| 西贡区| 伊宁县| 鄯善县| 富民县| 灵山县| 兖州市| 桓台县| 清徐县| 察雅县| 沾化县| 体育| 桂林市| 金坛市| 遂溪县| 甘孜| 凤庆县| 松江区| 开平市| 洞口县| 潞西市| 哈巴河县| 万年县| 文登市| 建湖县| 嵊州市| 栾川县| 福贡县| 沽源县| 平舆县| 灵台县| 普陀区|