美文网首页
wordpress美化-文章标题样式美化

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

作者: Alextao_0a86 | 来源:发表于2019-07-12 10:40 被阅读0次

效果演示

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

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

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

根据类样式查找定位

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

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

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

文章源自:钻芒博客 https://www.zmki.cn/3543.html

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/mhxekctx.html