ITPub博客

首页 > 应用开发 > Html/css > 比较好看的css 自定义样式(标题 h1 h2 h3)

比较好看的css 自定义样式(标题 h1 h2 h3)

Html/css 作者:安全剑客 时间:2020-04-04 19:34:35 0 删除 编辑
这篇文章主要介绍了比较好看的css 自定义样式(标题 h1 h2 h3),需要的朋友可以参考下
效果图

比较好看的css 自定义样式(标题 h1 h2 h3)比较好看的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;
    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 自定义样式(标题 h1 h2 h3)比较好看的css 自定义样式(标题 h1 h2 h3)

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

原文地址: https://www.linuxprobe.com/custom-css-style.html

来自 “ ITPUB博客 ” ,链接:http://blog.itpub.net/31559985/viewspace-2684508/,如需转载,请注明出处,否则将追究法律责任。

全部评论

注册时间:2018-11-01

  • 博文量
    1034
  • 访问量
    650846