我想在右側標記<li>
中加上以下複選標記。怎麼樣?style for tag`li`
此複選標記:
ul li{
padding: 3px 10px 3px 10px;
background:url(http://img4up.com/up2/73089745861375946127.png) no-report;
}
我想在右側標記<li>
中加上以下複選標記。怎麼樣?style for tag`li`
此複選標記:
ul li{
padding: 3px 10px 3px 10px;
background:url(http://img4up.com/up2/73089745861375946127.png) no-report;
}
試試這個
ul li{
padding: 3px 15px 3px 10px;
background:url(http://img4up.com/up2/73089745861375946127.png) no-repeat right;
}
注:這是不重複,不無報告
你可以加
li { list-style-image: url("http://img4up.com/up2/73089745861375946127.png") }
演示:http://jsfiddle.net/HpVcy/7/
更多信息:http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-image
list-style-image
是你在找什麼:
ul li{
padding: 3px 10px 3px 10px;
background:url(http://img4up.com/up2/73089745861375946127.png) no-report;
list-style-image:url(http://i.stack.imgur.com/so5PA.png);
}
(您可能要添加list-style-image
後刪除background
網址)
使用no-repeat;
而不是no-report;
改變你的背景來:
background:url(http://img4up.com/up2/73089745861375946127.png) no-repeat right;
^^^^^^^^^^^^^^^^
,並增加填充右邊一點,比如:
ul{
float: right;
text-align: right;
direction: rtl;
margin: 50px 50px 0 0;
}
ul li{
padding: 3px 20px 3px 10px;
background:url(http://img4up.com/up2/73089745861375946127.png) no-repeat right;
}
你有你的CSS沒有報告,它應該是不重複的