HTML中无序列表ul的使用方法

 时间:2026-04-24 13:30:18

1、如图,在body中建立ul标签,而ul经常和li搭配,如图

HTML中无序列表ul的使用方法

2、我们看到输入li后,就会生成两个点的形状,这就是li的基本属性

HTML中无序列表ul的使用方法

3、在li前面的点还可以换成别的样式,如图,在ul后面的type样式中添加为circle空心属性后

HTML中无序列表ul的使用方法

4、原来的黑点,就变成了空心圆状的图形,如图

HTML中无序列表ul的使用方法

5、如果在后面添加的是square属性,则添加在前面的就会是几个实心块,如图

HTML中无序列表ul的使用方法

HTML中无序列表ul的使用方法

6、而disc就是正常时的点状,如图所示。

HTML中无序列表ul的使用方法

HTML中无序列表ul的使用方法

7、如果想要清除li自带的属性设置,可以对其添加list-style:none;清除样式,这样li前的属性就被清除了。

HTML中无序列表ul的使用方法

HTML中无序列表ul的使用方法

  • 如何在HTML中插入图片
  • html设置网页背景图片全屏
  • HTML用代码制作虚线框方法
  • HTML网页怎么设置圆角边框
  • 网页设计HTML中如何插入背景图片
  • 热门搜索
    包贝尔婚闹是怎么回事 指甲凹陷是怎么回事 孩子流鼻血怎么办 锁屏密码忘了怎么办 工作年限怎么算 watermelon怎么读 通心粉怎么做好吃 robot怎么读 怎么买机票最便宜 疏怎么组词