首页 > 网页制作 > CSS

CSS设置列表样式和创建导航菜单实现代码

admin CSS 2022-02-06 11:21:58 css   列表样式   css   导航菜单"

一、设置列表的符号

 list-style-type: 属性;//设置列表样式

list-style-type: none; //清楚样式

属性有很多可以自己去试:circle,disc,decimal。。。。

二、设置列表图片符号

为ul,ol设置图片符号

ul,ol{
     list-style-image: url("li.png")
 }

代码:
 





设置列表的符号



  • 主页
  • 我的博客
  • 我的相册
  • 留言
  • 关于我
  1. 主页
  2. 我的博客
  3. 我的相册
  4. 留言
  5. 关于我

显示效果:

三、创建简单导航菜单





创建简单导航菜单





总结

以上所述是小编给大家介绍的CSS设置列表样式和创建导航菜单实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对潘少俊衡网站的支持!

版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。
本文地址:/web/CSS/76216.html

留言与评论(共有 0 条评论)
   
验证码:

潘少俊衡

| 桂ICP备2023010378号-4

Powered By EmpireCMS

爱享小站

中德益农

谷姐神农

环亚肥料

使用手机软件扫描微信二维码

关注我们可获取更多热点资讯

感谢潘少俊衡友情技术支持