幻海优品 - 虚拟会员特价充值平台
  • 移动版|
    移动版
  • 公众号|
    公众号
  • App
    App

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

2022-11-22

在遇到图文排列的时候,经常用到无序列表ul的使用,那么ul会有哪些属性呢工具/原料华为MateBook DWindows 10 10.3.3HTML无序列表方法/步骤1如图,在body中建立ul标签,而ul经常和li搭配,如图2我们看到输入li后,就会生成两个点的形状,这就是li的基本属性3在li前

在遇到图文排列的时候,经常用到无序列表ul的使用,那么ul会有哪些属性呢

工具/原料

  • 华为MateBook D
  • Windows 10 10.3.3
  • HTML
  • 无序列表

方法/步骤

  1. 1

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

  2. 2

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

  3. 3

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

  4. 4

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

  5. 5

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

     

  6. 6

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

  7. 7

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

注意事项

  • 如果此经验对您有帮助,请左侧投票/关注,谢谢大家的支持^_^
添加微信
微信客服号
公众号
微信公众号