国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 扎鲁特旗| 吴堡县| 青神县| 长治县| 类乌齐县| 瑞昌市| 昌邑市| 贵州省| 杭州市| 什邡市| 图片| 郯城县| 二手房| 怀安县| 辽宁省| 如东县| 康平县| 丽江市| 资兴市| 卢氏县| 淮北市| 鲁甸县| 福鼎市| 韩城市| 三明市| 柯坪县| 连江县| 岗巴县| 北宁市| 吉林省| 三河市| 新巴尔虎右旗| 辽阳县| 吉木萨尔县| 嘉黎县| 方正县| 乡城县| 柳江县| 阳东县| 拜泉县| 紫阳县|