本文是《免费（共165篇）》专题的第 129 篇。阅读本文前，您可以先阅读前面的一些文章：
美化图
CSS代码：
/*文章列表样式*/@media screen and (min-width: 768px){.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: 15px; width: calc(100% - 20px - 20px);上面该样式只有电脑、平板显示（即>768px的显示），若需要手机或者全部显示，请用下面代码：
/*文章列表样式*/.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-item .item-body{margin-top: 15px; width: calc(100% - 20px - 20px);}本站正在使用的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;文章链接：https://sjcnh.cn/2181.html
文章标题：子比主题更改文章列表样式
文章版权：@花醉 所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！我们将在24小时内极速处理！
本文最后更新发布于
文章标题：子比主题更改文章列表样式
文章版权：@花醉 所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！我们将在24小时内极速处理！
本文最后更新发布于
2024年12月15日 23时58分05秒，某些文章具有时效性，若有错误或已失效，请在下方留言或联系：841134898@qq.com您已阅读完《免费（共165篇）》专题的第 129 篇。您可以继续阅读该专题下面的其它文章：
