欢迎来到覃师宁博客
帝国cms使用手册

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

编辑:覃师宁 来源:qinshining.com 时间:2020-11-30 阅读量: 人已围观

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 条评论

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

微信订阅号