不错的列表栏目排版css样式
3年前
超过1234天
温馨提示
本文最后更新于2021年07月06日，已超过1234天没有更新，若内容或图片失效，请留言反馈。
不错的列表栏目排版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>
0 赞
or 打赏
喜欢就打赏一点
上一篇
下一篇
