个性化你的博客园【持续更新中!!!】

1、背景更换

打开博客园右上角-设置-博客设置:

任意选择一款主题之后,找到博客设置中的页面定制CSS代码。

body {
    color: #000;
    background: #eee;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9pt;
    min-height: 101%;
    background-position: 0% 0%; 
    background-repeat: no-repeat;
    background-attachment: fixed; 
    background-image: url("https:xxxx");//输入任意路径
    background-size: cover;
    background-origin: padding-box; 
    background-clip: border-box;
}
/*页首中间这一整块*/
#home {
    margin: 0 auto;
     margin-top: 0px;
     margin-bottom: 0px;
    width: 65%;
    min-width: 950px;
    background-color: rgba(255,255,255,0.8);
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
    background: url( ) no-repeat;     //这里url()里面空着是为了不加载默认主图的图片
}
/*页脚*/
#footer{
   background: url( ) no-repeat 220px 0;  
   color:white;
   font-weight:bold;
   font-size:24px;
}

持续更新中!

posted @ 2018-05-26 21:00  EdisonVan  阅读(378)  评论(0编辑  收藏  举报