WordPress实现突破添加文字和边框教程

最近不少用户表示想要给图片添加说明框,想要图片更加美观及更利于优化,用户能够轻松的读懂图片内容,给百度蜘蛛留下良好印象,小编在网上为大家收集了WordPress实现突破添加文字和边框教程。

 

添加步骤:

 

1、在style.css文件中添加如下css代码:

 

.wp-caption {

 

background: none repeat scroll 0 0 #F7F7F7;

 

border: 1px solid #CCCCCC;

 

padding: 10px 5px 0;

 

text-align: center;

 

display: block;

 

margin-left: auto;

 

margin-right: auto;

 

}

 

.wp-caption img {

 

display: block;

 

margin: 0 auto;

 

}

 

.wp-caption p {

 

line-height: 30px;

 

text-indent: 0;

 

}

 

2、添加图片的时候在填写图片说明。

 

3、编辑文章时就会出现效果了,可以根据自己的主题再修改美化下css。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注