CSS コントロールのテキストの前の小さなアイコン

一部のリスト項目では、以下に示すように、テキストの前に小さなアイコンを追加する必要があります。

実装方法は多数ありますが、ここでは 要素が使用されます。

spam タグは線要素であり、幅と高さはありませんが、display:block; によって変更できます。ただし改行が発生します。

投稿コード:

[html]   www.php.cn
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项1</span>  
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项2</span>  
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项3</span>  
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项4</span>  
 
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项1</span>
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项2</span>
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项3</span>
<span style="padding-left:19px;background:url(a.jpg) no-repeat;">选项4</span>

Padding-left は、この小さなアイコンの外観を実現するためにここで使用されており、テキストを右にクリックさせることになります