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

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

14
2021-02-22 09:29:15

最近不少用户表示想要给图片添加说明框,想要图片更加美观及更利于优化,用户能够轻松的读懂图片内容,给百度蜘蛛留下良好印象。小编在网上为大家收集了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。

喜欢这个文章就点个赞分享给好友吧~

END
相关标签

发表评论

一次支付终身使用
免费版本更新
靠谱的技术支持