前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >wordpress美化-文章标题样式美化

wordpress美化-文章标题样式美化

作者头像
AlexTao
修改2023-05-16 13:27:03
3.5K0
修改2023-05-16 13:27:03
举报
文章被收录于专栏:钻芒博客钻芒博客

效果演示

不太喜欢主题默认的标题样式,自己动手,丰衣足食。

用火狐的查看元素(这个功能感觉比Chrome好用,因为是中文的...)

找到当前主题的标题样式,然后去主题样式文件修改。(一般在主题根目录style.css

根据类样式查找定位

把下面的样式添加到标题样式即可(字体大小和其他参数可按需修改,每一行都写了注释。)

代码语言:javascript
复制
font-size:24px;/*字体大小*/
font-weight:bold;/*设置文本粗细*/
background-color: #ffffff;/*背景颜色*/
border-bottom: 1px solid;/*边框宽度 *颜色定义*/
padding: 5px 15px;/*宽高*/
border-left: 8px solid;/*定位*/
margin:18px 0px 18px -20px;/*定位*/
overflow: hidden;/*溢出修剪*/
box-shadow:2px 6px 10px #5F9EA0;/*设置块阴影  水平位移   垂直位移 	模糊半径 */

标题会带有阴影,略有花里胡哨,如果想去掉标题阴影删除box-shadow属性(效果如下图)

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-06-14,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档