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

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。

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。如有需求,建议购买正版!如果源码侵犯了您的利益请留言告知!!
811轩轩资源 » WordPress实现突破添加文字和边框教程

发表评论