2019-08-27 |

列表图像和位置

还有其他列表属性,例如:

list-style-image - 指定要用作列表项标记的图像。

list-style-position - 指定标记框的位置(内部,外部)。

在下面的示例中,我们使用图像作为列表项标记,并指定要在内容流内部的位置。 HTML:
<p>	以下列表包含list-style-position: inside</p>
<ul>
	<li> 红色 </li>
	<li> 绿色  </li>
	<li> 蓝色 </li>
</ul>

css

 
  ul { 
   list-style-image: url("logo.jpg"); 
   list-style-position: inside; 
} 
 

结果

list-style-position: outside 是默认值。

0

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论