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。

给TA打赏
共{{data.count}}人
人已打赏
站长教程网络教程

代码实现WordPress添加“点击展开/收缩”功能

2022-7-15 17:10:41

站长教程网络教程

WordPress插件如何创建、停用、删除插件?

2022-7-15 17:10:56

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索