博客园修改页面显示样式css

博客园修改页面显示样式css

一、总结

 

二、 博客园修改页面显示样式css

1、点管理

2、点设置

3、在页面定制css代码中加入你想要改变样式的css代码即可

不会写css的下面有代码示例，直接复制粘贴放到页面定制css代码位置即可

 

 

三、代码

#cnblogs_post_body h3 {
    border-left: 5px solid #21759b;
    border-right: 5px solid #21759b;
    
    background: transparent
        url(http://images.cnblogs.com/cnblogs_com/Renyi-Fan/1188097/o_11.png)
        repeat scroll 0% 0%;
    
    /* background: linear-gradient(-30deg, rgb(241, 226, 198),
        rgb(242, 226, 198) 30%, rgb(243, 227, 198) 60%, rgb(244, 230, 189)
        100%); */
    border-radius: 6px 6px 6px 6px !important;
    font-size: 16px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding: 5px 0 3px 15px;
    box-shadow: 0 0 0 1px #5F5A4B, 0px 0px 6px 0px rgba(10, 10, 0, 0.5);
}

#cnblogs_post_body h1 {
    font-size: 250%;
    color: #8888FF;
    /* box-shadow: 0 0 0 1px #5F5A4B, 0px 0px 6px 0px rgba(10, 10, 0, 0.5); */
    text-shadow: 1px 1px 1px #222222;
    /* padding: 5px 0 5px 20px; */
    margin:0px 0px 15px 0px;
}



#cnblogs_post_body h4 {
    border-left: 3px solid #8888FF;
    border-right: 3px solid #8888FF;
    border-radius: 4px 4px 4px 4px !important;
    background: #00dd99;
    color: #8888FF;
    padding: 3px 0 3px 18px;
    font-size: 14px;
    font-weight: bold;
    height: 17px;
    line-height: 17px;
}

#cnblogs_post_body h5 {
    border-left: 3px solid #00dd99;
    color: #FB02F9;
    padding: 3px 0 3px 21px;
    font-size: 12px;
    font-weight: bold;
    height: 14px;
    line-height: 14px;
}

#cnblogs_post_body h2 {
    background: #2B6695 !important;
    border-radius: 6px 6px 6px 6px !important;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
    color: #FFFFFF;
    font-family: "微软雅黑", "宋体", "黑体", Arial;
    font-size: 17px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    margin: 15px 0 !important;
    padding: 5px 0 5px 20px;
    text-shadow: 2px 2px 3px #222222;
}

.day {
    border: 1px solid #E8E7D0;
    padding-left: 15px;
    margin-bottom: 20px;
    background: #fff;
    min-height: 50px;
    padding-bottom: 5px;
}

.dayTitle {
    border-bottom: 0px solid #666;
    clear: both;
    color: #666;
    font-size: 160%;
    font-weight: bold;
    line-height: 2em;
    margin-bottom: 30px;
    margin-top: 3px;
    text-align: center;
    width: 100%;
}

.postTitle {
    border-bottom: 0px dotted #D2E4B7;
    padding-bottom: 5px;
    clear: both;
    color: #64A038;
    float: right;
    font-size: 120%;
    font-weight: bold;
    line-height: 1.5em;
    width: 100%;
}

.postTitle2 {
    color: #f60;
    padding-left: 22px;
}

.postTitle {
    background: transparent
        url(//www.cnblogs.com/images/cnblogs_com/Terrylee/147338/o_ico.gif)
        no-repeat scroll 0% 0%;
}

a:link {
    text-decoration: none;
}

.postTitle a:link,.postTitle a:visited,.postTitle a:active {
    color: #f60;
    transition: all 0.4s linear 0s;
}

.postCon {
    clear: both;
    float: right;
    line-height: 26px;
    padding: 10px 0pt;
    width: 100%;
}

.c_b_p_desc {
    margin-left: 10px;
    margin-right: 15px;
}

.postDesc {
    border-top: 1px dashed #E8E7D0;
    clear: both;
    color: #666666;
    float: right;
    margin-right: 20px;
    margin-top: 5px;
    padding-top: 8px;
    text-align: right;
    width: 96%;
}

.postSeparator {
    margin-bottom: 30px;
}

#div_digg {
    right: 20%;
    width: 46px;
    bottom: 110px;
    position: fixed;
    z-index: 9999;
    background-color: #fff;
    font-size: 12px;
    margin: 10px 0 0;
    padding: 5px;
    border: 1px solid #55895b;
    border-radius: 5px;
    float: right;
}