提到边框重合，我们不妨打开淘宝首页浏览主体分类内容板块瞧瞧---亲，你看到了，正是这个，边框重合。其实我们不难发现，这个效果并不难，只是我们没有真正的动手做过而已，所以不知道怎么做，那么下面就是一个很好的实践，就让我们来谈谈用ul li如何实现边框重合，并附带鼠标经过效果。 最终效果图 ...

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浮动元素不会换行 ...

实现效果如下： 实现要求具体如下： 1.标题有序号 上图标记1 2.标题下面的子集标题要有一定的缩进，且子集标题也有一定的序号，上图标记 2 3.如果子集标题内容过长，换行的时，开始的位置不能超过对应序号的位置，如上图标记3 dom: css ...

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

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

利用ul的text-align：center属性： 设置ul的display：table，text-align:center。 注：1.这里必须用display：table属性。 2.不可以设置ul的宽。 下面是一段代码： ...