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

首頁 > 開發 > CSS > 正文

css中ul li的背景小圖標屬性設置的兩種情況

2024-07-11 08:28:17
字體：大 中 小
來源：轉載
供稿：網友
這里我們分兩種情況列出：
①當標題前的圖標是很長的一綹而不是單獨的一個點或者類似圖標時，在定義背景圖background要定義在<ul>里。因為很長，所以放在<li>的外邊<ul>里
②當標題前的圖標時單獨的一個點兒或者方塊或者其他類似圖標時，定義背景圖background要放在<li>里

A

復制代碼
代碼如下:
<style>
.test1 { width:100px; height:265px; background:url(http://www.86image.cn/statics/images/show/li.jpg) no-repeat scroll 0 8px; }
.test1 li {padding-left:30px; line-height:27px; list-style-type:none;}
</style>
<ul class="test1">
<li>one</li>
<li>two</li>
<li>three</li>
<li>four</li>
<li>five</li>
<li>six</li>
<li>seven</li>
<li>eight</li>
<li>nine</li>
<li>ten</li>
</ul>

如圖示：
 

B

復制代碼
代碼如下:
<style>
.test1 li { padding-left:15px; background:url("http:www.86image.cn/statics/images/tpl1/images/icon_fk.gif" ) no-repeat scroll 1px 8px; line-height:22px; list-style-type:none;}
</style>
<ul class="test1">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>

如圖示：

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 闽侯县| 九龙坡区| 和平县| 房山区| 英德市| 怀化市| 永顺县| 拉萨市| 普定县| 林芝县| 城市| 古交市| 汾阳市| 通化县| 祁连县| 贵定县| 丰县| 思茅市| 徐水县| 荥阳市| 黄大仙区| 聊城市| 蛟河市| 抚州市| 龙陵县| 临城县| 上栗县| 新泰市| 澄迈县| 新野县| 石狮市| 余江县| 磐安县| 新闻| 邵阳县| 塔城市| 虎林市| 尉氏县| 虎林市| 塔城市| 文昌市|