网页中ul、li的外边距和属性样式特殊用法

ul和li的特殊样式用法，如第一个li和最后一个li的样式、第N个li和倒数第N个li的特殊样式、奇数和偶数li的样式以及ul和li百分比排序排列样式用法。

li特殊样式

ul和li布局样式

ul{
    margin: 0;
    padding: 0;
    width: calc(100% + 10px);
    overflow: hidden;
}
ul li {
    margin: 0 10px 10px 0;
    padding: 0;
    width: calc(25% - 10px);
    float: left;
    list-style-type: none;
}

代码布局展示效果可以看本站首页的版块样式，多分辨率适应，经常用的到的排序排列等特殊的样式案例。

---

本文标签： ul样式  li样式