欢迎访问覃师宁博客!

帝国cms使用手册

覃师宁博客

qinshining.com

文章内容页h1-h6标题样式美化代码

h1-h6是html的标题标签,有时候为了在网站内容页突出标题的重要与醒目性,会对h1-h6标签进行css样式的写入,今天覃师宁博客就给h1-h6写入简单的css美化样式

先看效果图:

文章内容页h1-h6标题样式美化代码

css代码:

  • .content h1{
  •     padding: 5px 12px;
  •     margin: 12px 0;
  •     border-left: 5px solid #ed2000;
  • }
  • .content h2{
  •     padding: 5px 12px;
  •     margin: 12px 0;
  •     border-left: 5px solid #FF1493;
  • }
  • .content h3 {
  •     padding: 5px 12px;
  •     margin: 12px 0;
  •     border-left: 5px solid #4169E1;
  • }
  • .content h4 {
  •     padding: 5px 12px;
  •     margin: 12px 0;
  •     border-left: 5px solid #3CB371;
  • }
  • .content h5 {
  •     padding: 5px 12px;
  •     margin: 12px 0px;
  •     border-left: 5px solid #FFC0CB;
  • }
  • .content h6 {
  •     padding: 3px 12px;
  •     margin: 12px 0px;
  •     border-left: 5px solid #585E8B;
  • }

如果您觉得文章对您有所帮助,请不妨点赞,打赏,或者在评论区说出你的想法!

  • 人觉得很有价值

  • 打赏

    请不妨打赏支持一下

  • 没有

    人觉得价值一般

  • 感谢您的支持,我会继续努力的!
    扫码支持
    支付宝扫一扫,向我打赏

    文章评论

    人参与,共有 0 条评论

    为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表

    微信订阅号