网站首页 >> 相关教程 >> 正文

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

作者:一枚小杰克   时间:2022-07-31 18:26:50   浏览:1322  

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样式 
一枚小杰克

一枚小杰克 https://lkba.cn

博主专注于Z-BLOG网站搭建、网站优化以及电脑故障排查、重装、优化、维修系统等,QQ:207385345(请注明来意)

相关文章

上一篇:

下一篇:

本文暂无评论 - 欢迎您

请填写验证码

Processed : 0.026 SQL : 14