码迷,mamicode.com
首页 > 其他好文 > 详细

史上最简单方法——教你个性化博客园主题

时间:2018-03-11 17:45:17      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:title   最简   建议   颜色   导航条   草稿   教你   nbsp   class   

#blogTitle {
background:url(//images2018.cnblogs.com/blog/1210268/201803/1210268-20180310205448901-883919189.png) no-repeat;background-size:100%;/*头部图片,这里我设置的是一张透明图片,不用改*/
}

.day{background-color:#C6E2FF;background-size:100%;} /*内容的背景,可以弄成透明的图片,与上面代码一样,这里我设置为了蓝色*/

#navigator{background-color:#339A83;}  /*导航条的颜色 我这里设置的是绿色*/

body{background:url(//images2018.cnblogs.com/blog/1210268/201803/1210268-20180310205305077-2096096905.jpg); background-repeat:no-repeat;/*背景图片*/
background-size:100%;
background-attachment: fixed}

使用方法:将上述css代码复制粘贴到页面定制css中,可能上面我的注释需要删掉,图片的话,建议新建一个随笔,之后将图片复制到随笔中,并将随笔存为草稿,之后进入到随笔,复制图片的地址,放到url之中,将http:删除即可

技术分享图片

 

技术分享图片

 

史上最简单方法——教你个性化博客园主题

标签:title   最简   建议   颜色   导航条   草稿   教你   nbsp   class   

原文地址:https://www.cnblogs.com/kexing/p/8542231.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!