/配色參考->>->>>//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; }

轉載于:https://www.cnblogs.com/WinkJie/p/11072985.html

總結

以上是生活随笔為你收集整理的博客园背景设置CSS代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。