不错的列表栏目排版css样式
3年前
超过1172天
温馨提示
本文最后更新于2021年07月06日，已超过1172天没有更新，若内容或图片失效，请留言反馈。
不错的列表栏目排版css样式
css样式
.section_title .section_cate a {
font-size: 12px;
background: #f5f5f5;
padding: 3px 10px;
margin-left: 5px;
border-radius: 30px;
border: none !important;
}
.section_title a {
margin-bottom: 15px;
padding-left: 10px;
height: 20px;
border-left: 4px solid #f04848;
line-height: 20px;
font-size: 16px;
font-weight: 400;
transition: border-width 50ms;
}
a {
color: #666;
text-decoration: none;
transition: all .2s ease;
}
.section_title a {
margin-bottom: 15px;
padding-left: 10px;
height: 20px;
border-left: 4px solid #f04848;
line-height: 20px;
font-size: 16px;
font-weight: 400;
transition: border-width 50ms;
}
html代码
<h2 class="section_title">
<a href="wiki" target="_blank">产品</a>
<span class="y section_cate">
<a target="_blank" href="wiki/1/0">网站</a>
<a target="_blank" href="wiki/4/0">数码</a>
<a target="_blank" href="wiki/58/0">源码框架</a>
<a target="_blank" href="wiki/2/0">应用</a>
<a target="_blank" href="wiki/3/0">游戏</a>
<a target="_blank" href="wiki/67/0">小程序</a>
</span>
</h2>
本作品采用知识共享许可协议知识共享署名-非商业性使用-禁止演绎 3.0 中国大陆许可协议进行许可授权。即要求您在需要转载、引用本文全文或者部分时，请按照协议要求署名，并在保证不进行任何修改、续写等演绎形式，并不用于商业性项目的情况下使用。如果本文有侵犯到您的权益，请直接向我们留言反馈。
0 赞
or 打赏
喜欢就打赏一点
上一篇
下一篇
.png "往往免费的还不如收费的")
.png "走失两天的狗子终于找到它的家了")
.png "顶着三十几度的天气去钓鱼了")
.png "\"微博客\"一款自己开发自己用的垃圾源码（慢慢更新中）")
