在很多專案中，需要實現分格展示的功能，中間有灰色分割線，兩側沒有。
如圖：
按照一般的思路，設定好li的寬度，通過nth-of-type(n){}的方式給li標籤新增樣式。
設定每個li 33.33%的寬度，但當我們新增1px邊框時，最右邊的內容就被擠了下來。
這時可以通過給父級 ul 新增:before :after 偽類元素來實現。而不占用li的width
當顯示3列時，通過給ul 新增:before來實現css
當顯示4列時，給:after新增樣式，注意需要更改li的width、.mp-list:before的位置。
.mp-list:afterCSS3 設定列表樣式
屬性 說明示例 list style 在乙個宣告中設定所有列表屬性 list style none 列表屬性設定順序 在實際開發中，直接使用list style屬性讓列表不顯示標記符號，而list style position和list style image省略不寫。即。值說明 none 不顯示標...
CSS3 字型樣式
lang en charset utf 8 css3的其他屬性title type text css font face 宣告使用伺服器端字型 伺服器端字型對otf和ttf這兩種字型格式支援良好 font face p box sizing 設定width和height屬性值包含的內容。div di...
css3字型樣式
一 font family的使用 font family屬性可以設定html文字的字型樣式，eg.注意 當字型名稱中包括空格 之類的符號，則使用 font family 可以把多個字型名稱作為乙個 回退 系統來儲存。如果瀏覽器不支援第乙個字型，則會嘗試下乙個。也就是說，font family 屬性的...