博客园背景设置CSS代码

CSS部分:
/配色参考->>->>>//https://zh.spycolor.com/color-index,a*/ #home { margin: 0 auto; width: 90%;/原始65/ min-width: 980px;/页面顶部的宽度/ background-color:rgba(233,214,107,0.3);/博客主页主体框的颜色/ padding: 30px; margin-top: 25px; margin-bottom: 50px; box-shadow: 2px 2px 6px #ffff00;/蛋黄/ } body { background: rgba(12, 100, 129, 0.8) url('https://www.cnblogs.com/images/cnblogs_com/WinkJie/1486983/o_2.png') fixed no-repeat; background-position: 50% 5%; background-size: cover; } / / #navigator{ background-color: #ff9966;/暖红/ } #navList a:link, #navList a:visited, #navList a:active{ / / color: #faebd7;/淡粉/ font-size: 18px; font-weight: bold; } .blogStats{ color: #3b7a57;/墨绿/ } .postTitle { border-left: 8px solid #9966cc;/紫色/ margin-left: 10px; margin-bottom: 10px; font-size: 20px; float: right; width: 100%; clear: both; } .postTitle a:link, .postTitle a:visited, .postTitle a:active { color: #ff9966;/暖红//博客主页内容目录标题字体/ transition: all 0.4s linear 0s; } .postTitle a:hover { margin-left: 30px; color: #fdee00;/蛋黄//选中标题后字体变化颜色/ text-decoration: none; } .postCon { float: right; line-height: 1.5em; width: 100%; clear: both; padding: 10px 0; } .day .postTitle a { padding-left: 10px; } / / .day { background: #faebd7;/淡粉色/ } .newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory ,#blog-calendar {/ / background: #fbceb1; /粉色/ margin-bottom: 35px; word-wrap: break-word; } / / .CalTitle{ color: green; background: #ff9966;/暖红/ } / / .catListTitle{ color: red; background-color: #ff9966;/暖红/ } / / #topics{ background: transparent; } .c_ad_block{ /display: none;/ } #q{background:transparent; /rgba(255, 255, 0, 1) url("https://files-cdn.cnblogs.com/files/One-Orange/KarakaiJouzuTakagi-san_1500px.gif") fixed no-repeat;/} / / .CalNextPrev{ background: #ff9966;/暖红/ } .cnblogs_code{ background: #7cb9e8;/浅蓝/ } .cnblogs_code div{ background:#eee;/灰色//代码查看框背景色/ } / / .cnblogs_code_toolbar{ background: #b284be;/浅紫/ } .entrylist{ background: #5d8aa8;/墨青/ } /# / #tbCommentBody{ width: 100%; height: 200px; background: transparent;/rgba(255, 255, 0, 0.5) url("https://files-cdn.cnblogs.com/files/One-Orange/KarakaiJouzuTakagi-san_1500px.gif") fixed no-repeat ;/ } /代码框阴影底色/ #cnblogs_post_body { color: rgba(159,43,104,1); background-color:rgba(250 ,235 ,215,1); font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif; font-size: 15px; box-shadow: -10px -10px 1px rgba(251, 206 ,177,1); } /页脚设置/ #footer { background-color:#ff9966;/暖红*/ color:white; clear:both; text-align:center; padding:5px; }

二:
CSS部分:
/配色参考->>->>>//https://zh.spycolor.com/color-index,a*/
/
#home { margin: 0 auto; width: 90%;/原始65/
min-width: 980px;/页面顶部的宽度/
background-color:rgba(255,105,105,0.2);/博客主页主体框的颜色/
padding: 30px;
margin-top: 25px;
margin-bottom: 50px;
box-shadow: 2px 2px 6px #0e43b5;/蛋黄/ }

cnblogs_post_body

{
color: black;
font: 0.875em/1.5em "微软雅黑" , "PTSans" , "Arial" ,sans-serif;
font-size: 15px;
}

各个等级标题的颜色样式

cnblogs_post_body 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: 23px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 18px 0 !important;
padding: 8px 0 5px 5px;
text-shadow: 2px 2px 3px #222222;

}

cnblogs_post_body h2 {

background: #008eb7;
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: 20px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 18px 0 !important;
padding: 8px 0 5px 5px;
text-shadow: 2px 2px 3px #222222;

}

cnblogs_post_body h3 {

background: #399ab2;
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;

}

cnblogs_post_body h4{

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: 16px;
font-weight: bold;
height: 24px;
line-height: 23px;
margin: 12px 0 !important;
padding: 5px 0 5px 10px;
text-shadow: 2px 2px 3px #222222;

}

页面中a标签鼠标位置

cnblogs_post_body h2:a{

color: rgb(235, 235, 235);
}

cnblogs_post_body h2 a:hover{

color: rgb(255, 102, 0);
}

页面中标题位置

cnblogs_post_body h1{

color: rgb(235, 235, 235);
}

cnblogs_post_body h1:hover{

color: rgb(255, 102, 0);
}

cnblogs_post_body h2{

color: rgb(235, 235, 235);
}

cnblogs_post_body h2:hover{

color: rgb(255, 102, 0);
}

cnblogs_post_body h3{

color: rgb(235, 235, 235);
}

cnblogs_post_body h3:hover{

color: rgb(255, 102, 0);
}

cnblogs_post_body h4{

color: rgb(235, 235, 235);
}

cnblogs_post_body h4:hover{

color: rgb(255, 102, 0);
}

body { background: rgba(2, 10, 129, 0.8)url('https://www.cnblogs.com/images/cnblogs_com/WinkJie/1486983/o_2.png') fixed no-repeat;
background-position: 50% 5%; background-size: cover; } / /

*/

你可能感兴趣的:(博客园背景设置CSS代码)