Jack个人作品

Jack个人作品

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

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

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

作者:墨雨婷   时间:2022年07月31日18:26:50   浏览:413  

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样式 
Jack个人作品

墨雨婷 https://lkba.cn

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

上一篇:

下一篇:

本文暂无评论 - 欢迎您

请填写验证码

服务器开销巨大,逐渐承受不起,用您发财的小手,点击一下下方广告可以吗?麻烦您啦,广告为谷歌联盟,广告内容请自行判断以免上当受骗。

Processed : 0.042 SQL : 14

请先 登录 再评论,若不是会员请先 注册