HTML无序列表ul标签用法

HTML无序列表ul标签用法,第1张

我们在用HTML编写页面的时候,经常需要用ul标签来调整列表。那么如何使用ul标签呢?下面我给大家分享一下。

工具/材料

sublime text

首先我们打开sublime text软件新建一个html文档,如下图所示

然后在html文档中加入ul标签内容,如下图所示

运行页面代码以后你就会看到ul中的内容按顺序输出了,如下图所示

另外我们也可以通过type属性指定内容前面的标签类型,如下图所示

给li添加背景图片。如果是相同的话,可以直接用

ul li{backgorund:url(xx.jpg)}

不同的话,要单独给li加样式,如

.li1{backgorund:url(xx.jpg)}

.li2{backgorund:url(xx.jpg)}


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11411354.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存