欢迎访问覃师宁博客!
帝国cms使用教程手册

覃师宁博客 覃师宁博客

qinshining.com

当前位置:覃师宁博客 > 网页制作

文章内容页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;
  • }

文章评论

人参与,共有条评论

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