css list-style属性控制列表项符号的样式

分类:知识百科 日期: 点击:0

CSS list-style属性

CSS list-style 属性用于控制列表项符号的样式。它是一个综合属性,可以用来指定列表项符号的类型、图片或者其他内容以及它们的位置。它包括三个属性:list-style-type、list-style-image和list-style-position。

list-style-type属性

list-style-type属性用于指定列表项符号的类型。它接受以下值:

  • disc:实心圆;
  • circle:空心圆;
  • square:实心方块;
  • decimal:数字;
  • lower-roman:小写罗马数字;
  • upper-roman:大写罗马数字;
  • lower-alpha:小写英文字母;
  • upper-alpha:大写英文字母;
  • none:无符号。
ul {
  list-style-type: disc;
}

list-style-image属性

list-style-image属性用于指定列表项符号的图片。它接受一个URL值,表示图片的位置。

ul {
  list-style-image: url(images/bullet.gif);
}

list-style-position属性

list-style-position属性用于指定列表项符号的位置。它接受以下值:

  • inside:符号位于列表项文本的内部;
  • outside:符号位于列表项文本的外部。
ul {
  list-style-position: outside;
}
标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。