良许Linux教程网 干货合集 自定义下css样式(标题 h1 h2 h)

自定义下css样式(标题 h1 h2 h)

本篇文章重点为大家讲解一下css自定义样式(标题 h1 h2 h)具体方法,有需要的小伙伴可以参考一下。

效果图

image-20220211135529806

博客园中常用的样式

/*标题h1 h2 h3样式*/
#content {
   color: black;
   font: 0.875em/1.5em"微软雅黑""PTSans""Arial", sans-serif;
   font-size: 16px;
}
#content h1 {
   background: #2B6695;
   border-radius: 6px 6px 6px 6px;
   box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
   color: #FFFFFF;
   font-family:"微软雅黑""宋体""黑体", Arial;
   font-size: 18px;
   font-weight: bold;
   height: 25px;
   line-height: 25px;
   margin: 18px 0 !important;
   padding: 8px 0 5px 5px;
   text-shadow: 2px 2px 3px #222222;
}
#content h2 {
   background: #2B6600;
   border-radius: 6px 6px 6px 6px;
   box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
   color: #FFFFFF;
   font-family:"微软雅黑""宋体""黑体", Arial;
   font-size: 15px;
   font-weight: bold;
   height: 24px;
   line-height: 23px;
   margin: 12px 0 !important;
   padding: 5px 0 5px 10px;
   text-shadow: 2px 2px 3px #222222;
}
#content h3 {
   background: #5B9600;
   border-radius: 6px 6px 6px 6px;
   box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
   color: #FFFFFF;
   font-family:"微软雅黑""宋体""黑体", Arial;
   font-size: 13px;
   font-weight: bold;
   height: 24px;
   line-height: 20px;
   margin: 12px 0 !important;
   padding: 5px 0 5px 10px;
   text-shadow: 2px 2px 3px #222222;
}

按钮样式

image-20220211135538366

css

/*推荐/反对 按钮*/
#div_digg {
   position:fixed;
   bottom:10px;
   width:140px;
   right:390px;
   border:2px solid #6FA833;
   padding:10px;
   background-color:#fff;
   border-radius:5px 5px 5px 5px !important;
   box-shadow:0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
}

以上就是比较好看的css 自定义样式(标题 h1 h2 h3)的详细内

以上就是良许教程网为各位朋友分享的Linu系统相关内容。想要了解更多Linux相关知识记得关注公众号“良许Linux”,或扫描下方二维码进行关注,更多干货等着你 !

img
本文由 良许Linux教程网 发布,可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。
良许

作者: 良许

良许,世界500强企业Linux开发工程师,公众号【良许Linux】的作者,全网拥有超30W粉丝。个人标签:创业者,CSDN学院讲师,副业达人,流量玩家,摄影爱好者。
上一篇
下一篇

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

联系我们

公众号:良许Linux

在线咨询: QQ交谈

邮箱: yychuyu@163.com

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部