提到邊框重合，我們不妨打開淘寶首頁瀏覽主體分類內容板塊瞧瞧---親，你看到了，正是這個，邊框重合。其實我們不難發現，這個效果並不難，只是我們沒有真正的動手做過而已，所以不知道怎么做，那么下面就是一個很好的實踐，就讓我們來談談用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的寬。 下面是一段代碼： ...