aoki 发表于 2024-12-31 21:32:23

discuz! n7模板 首页侧边栏友情链接美化




代码:
<style>
/* 包裹列表的容器样式 */
.x.cl {
overflow: hidden; /* 清除浮动 */
margin-left: -10px; /* 负间距用来抵消第一个和最后一个li的margin */
}

/* 列表项样式 */
.cl.mbm li {
float: left; /* 使列表项浮动 */
width: 25%; /* 每列占总宽度的三分之一 */
margin: 0 0 10px 23px; /* 给列表项添加外边距,第一个li的左边距为0 */
box-sizing: border-box; /* 盒模型设置 */
}

/* 链接样式 */
.cl.mbm li a {
display: block; /* 使链接填满整个li */
text-align: left; /* 文本居中 */
/* 可以根据需要添加更多的样式,比如padding, border等 */
}
</style>

页: [1]
查看完整版本: discuz! n7模板 首页侧边栏友情链接美化