刚才在写《现居住的房子 》时,在后台编辑图片用到了caption这个标签,发布后发觉图片没有了在后台时看到的效果。于是乎查找了一番,终于找到了那段CSS,看看下图效果,还有圆角:

我的房间,最大的房间

我的房间,最大的房间

其实靠的就是下面这段css:

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

上面代码中红色部分并不是标准的CSS代码,在W3C CSS 校验器中会报错,但那部分正是实现圆角的关键所在。加不加就看你了。据说这是wordpress2.6的新功能 ,叫做图片标题(Image Captions)。

启用方法:将上面那段代码放入到你主题style.css文件中即可。