Rumah  >  Artikel  >  hujung hadapan web  >  CSS:list-style-image将图象设置为列表项标记的详解

CSS:list-style-image将图象设置为列表项标记的详解

黄舟
黄舟asal
2017-06-29 10:15:424847semak imbas

在CSS中list-style-image属性为将图象设置为列表项标记。本文详细介绍下list-style-image的定义和用法、list-style-image的语法、list-style-image的实例。

在CSS中list-style-image属性的作用为:将图象设置为列表项标记。

list-style-image属性实例

把图像设置为列表中的项目标记:

ul
  {  list-style-image:url("/i/arrow.gif");
  list-style-type:square;
  }

list-style-image定义和用法

list-style-image 属性使用图像来替换列表项的标记。

说明

这个属性指定作为一个有序或无序列表项标志的图像。图像相对于列表项内容的放置位置通常使用 list-style-position 属性控制。

注释:请始终规定一个 "list-style-type" 属性以防图像不可用。

1637.png

Atas ialah kandungan terperinci CSS:list-style-image将图象设置为列表项标记的详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn