知更鸟主题缩略图添加边框

Mr Y WordPress 4463 阅读

部署代码：

找到style.css文件里缩略图的class名 .thumbnail 

在{ }中间添加以下两行属性：

  1. //缩略图添加边框
  2. border:1px solid #ccc;
  3. padding:4px;

添加后代码如下：

  1. .thumbnail {
  2.     position: relative;
  3.     float: left;
  4.     max-width: 200px;
  5.     height: auto;
  6.     clear: both;
  7.     margin: 1px 20px 0 0;
  8.     border:1px solid #ccc;  
  9.     padding:4px;  
  10.     overflow: hidden;
  11.     transition-duration: .5s;
  12. }

注：添加边框会导致文章列表框变高。

效果图：

版权声明：
作者：Mr Y
链接：https://www.99bsy.com/1469.html
来源：小算草
文章版权归作者所有，未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>