无序列表的项目符号 您所在的位置:网站首页 html设置无序列表 无序列表的项目符号

无序列表的项目符号

2024-07-12 09:24| 来源: 网络整理| 查看: 265

自己经常忘记一些东西,就记记。

1.不添加任何东西时:

页面显示:

2.添加ul标签type属性(circle,square,disc)

页面显示:

3.通过 list-style属性来设置项目符号:list-style-type(标记类型);list-style-position(标记放在哪里):inside(放置在文本以内,且环绕文本根据标记对齐);outside(位于文本的左侧,列表项目标记放置在文本以外,且环绕文本不根据标记对齐);list-style-image(使用图像来代替)。

例如ul{list-style: square inside url('/i/eg_arrow.gif')}  来这是在li中的项目符号为实心三角。

也可以使用设置css显示三角:

显示:

 



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有