边框重合这个效果并不难，只是我们没有真正的动手做过而已，下面让我们来谈谈用ul li如何实现边框重合，并附带鼠标经过效果 ...

本文从CSS角度来实现导航栏的显示与隐藏，用到了ul、li标签 html源代码： css文件： 有点小感悟：总是先设置默认情况：默认不显示或者默认黑色，然后再设置hover时的具体情况 li颜色变化比较简单：设置个全局颜色（默认颜色），然后li:hover设置hover时 ...

ul li ：后代选择器，ul 里所有的 li 元素，包括 ol 里的 li ; ul>li ：子代选择器，下一级的DOM节点，不包括 ol 里的 li 。 ul>ol>li ：子代选择器必须一代接一代。 ...

...

在网页前端开发中，我们可能会经常用到走马灯特效，于是乎就需要用CSS来实现文字或图片水平对齐但不换行的效果，用div+table可是很实现这个效果，但是要用div或ul,li来做就难了，大部分人都会想到用overflow:hidden+固定宽度width来控制div或li浮动元素不会换行 ...

css ul li去除圆点 ul li{list-style-type:none; } ...

因为li是块级元素，默认占一行的，要想实现横向排列，一般通过以下两个方法：float:left这样设置有一个问题，li浮动以后则脱离了文本流，即不占位置，如果它的父级元素有具体的样式且没有固定宽高，建议父元素清除浮动，或者设置固定宽高display:inline-block即把li变为行内元素 ...

竖状菜单： 如果用JQuery来写上面的JS则更简单： 效果如下： 这里UL和LI的布局的核心参见：DIV布局之positioan详解 横向菜单： 横向菜单的核心就是要让li浮动起来 ...