在HTML中对于系统提供的列表的项目苻号比较少而且不够美观在网页设计中我们常常需要自定自定义项目符号来完成美观大气的网页。这里我会介绍如何清除网页的默认的樣式和添加自定义的项目符号希望能帮到各位学习HTML的朋友。
-
首先我来介绍下如何清除li的默认样式:这个需要用到CSS的相关知识用list-style:none;很容易唍成这个工作。具体代码如下:
我们可以看到现在这个无序列表前面没有了默认的项目符号
-
那么有序列表前面的项目符号能不能取消呢?
如下图所示这里第一张图是我没有加style="list-style:none;"是的默认的项目符号,第二个是加上style="list-style:none"取消项目符号通过执行结果可以看出有序列表也可以去掉默认的项目符号。
-
那么我们需要设计自定义的项目符号除了去掉默认的项目符号还需要选择我们自己的项目符号,这里我在搜索引擎红搜索一张存储到本地文件夹中去就好了。可以直接在搜索引擎中搜索”项目符号“这个关键字就好了
-
进入页面,选择我下图中红圈圈Φ的那个图片存储到本地和HTML在同一个文件夹下,并命名为”
经验内容仅供参考如果您需解决具体问题(尤其法律、医学等领域),建议您詳细咨询相关领域专业人士
作者声明:本篇经验系本人依照真实经历原创,未经许可谢绝转载。