更改文章列表样式
2025-11-03 16:08:22时尚
美化教程CSS代码:
此处内容已隐藏,更改黄金会员可见
请登录后查看特权本站正在使用的文章CSS样式 :
/*文章列表样式*/ @media screen and(min-width: 768px){.posts-item{padding: 10px;}/*.posts-item .item-heading{font-size: 22px;}*/.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: 15px; width: 100%;margin-left: 0px;}} /*文章列表样式*/ @media screen and (min-width: 768px){.posts-item{padding: 10px;}/*.posts-item .item-heading{font-size: 22px;}*/.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: 15px; width: 100%;margin-left: 0px;}} /*文章列表样式*/ @media screen and (min-width: 768px){.posts-item{padding: 10px;}/*.posts-item .item-heading{font-size: 22px;}*/.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: 15px; width: 100%;margin-left: 0px;}}上面该样式只有电脑 、平板显示(即>768px的列表显示) ,若需要手机或者全部显示,样式请用下面代码