自定义下css样式（标题h1h2h）

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

创新互联公司于2013年成立，是专业互联网技术服务公司，拥有项目做网站、网站建设网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元西吉做网站,已为上家服务,为西吉各地企业和个人服务,联系电话:13518219792

效果图

博客园中常用的样式

/*标题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;
}

按钮样式

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）的详细内

当前标题：自定义下css样式（标题h1h2h）
链接分享：http://www.shufengxianlan.com/qtweb/news13/6163.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联