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

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

代码：

1. <style>
   
2. /* 包裹列表的容器样式 */
   
3. .x.cl {
   
4.   overflow: hidden; /* 清除浮动 */
   
5.   margin-left: -10px; /* 负间距用来抵消第一个和最后一个li的margin */
   
6. }
   
7. 
   
8. /* 列表项样式 */
   
9. .cl.mbm li {
   
10.   float: left; /* 使列表项浮动 */
    
11.   width: 25%; /* 每列占总宽度的三分之一 */
    
12.   margin: 0 0 10px 23px; /* 给列表项添加外边距，第一个li的左边距为0 */
    
13.   box-sizing: border-box; /* 盒模型设置 */
    
14. }
    
15. 
    
16. /* 链接样式 */
    
17. .cl.mbm li a {
    
18.   display: block; /* 使链接填满整个li */
    
19.   text-align: left; /* 文本居中 */
    
20.   /* 可以根据需要添加更多的样式，比如padding, border等 */
    
21. }
    
22. </style>

复制代码