在Wordpress中,如果文章中的图片设置了说明文本(Caption),WordPress 会自动在图片外面添加一个类为.wp-caption的样式。不过,遗憾的是,在使用了不少主题之后,我发现很多开发者实并没有对样式做视觉上的优化。
在参考了几个网站的说明之后,我发现上面这款样式不错。改了改样式,推荐给大家,只需要把代码添加到style.css中即可。
样式代码如下:
.wp-caption {
background-color: #f3f3f3;
border: 0px solid #ddd;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 0px; /* optional rounded corners for browsers that support it */
margin: 50px;
padding-top: 5px;
text-align: center;
}
.wp-caption img {
border: 0 none;
margin: 0;
padding: 0;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 10px;
}
原创文章,作者:大皮,如若转载,请注明出处:http://wegodigit.com/23.html