ulli设置横排，并除去li前的圆点_html/css_WEB-ITnose

效果预览：http://hovertree.com/texiao/css/

如何用CSS制作横向菜单让ul li横向排列及圆点处理

我们先建立一个无序列表，来建立菜单的结构。代码是：

  首页  网站地图  HoverTreeCMS  特效  CMS在线预览  jQuery图片列表鼠标经过遮罩显示文字  原文

效果是：

首页网站地图 HoverTreeCMS 特效 CMS在线预览 jQuery图片列表鼠标经过遮罩显示文字原文

第二步：隐藏li的默认样式，去掉圆点
因为看起来不是很好看，菜单通常都不需要li默认的圆点，我们给UL定义一个样式来消除这些圆点。

当然，为了更好的控制整个菜单，我们把菜单放在一个div里。页面代码变成：

.hvtulli22 ul{list-style:none;}

首页网站地图 HoverTreeCMS 特效 CMS在线预览 jQuery图片列表鼠标经过遮罩显示文字原文

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110094

更新时间：2022-11-17 阅读：36次