设置好看的html标题样式,⽐较好看的css⾃定义样式（标题
h1h2h3）
导读
这篇⽂章主要介绍了⽐较好看的css ⾃定义样式(标题 h1 h2 h3)，需要的朋友可以参考下
效果图
博客园中常⽤的样式
/*标题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;
html网页设计的标题
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)的详细内

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。