欢迎访问覃师宁博客!

文章内容页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 条评论

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