修改博客园博客样式
2016-03-17 18:01
323 查看
第一步:先选择主题“BlackLowKey”,
第二步:开chrome浏览器的debug,调试页面达到效果。
第三步:选择body标签,如下图:
把原来的背景图改为自己想要的,例如我是先上传到自己的相册,然后获取地址来显示的
body {
background: url(http://images.cnblogs.com/cnblogs_com/philonic/801443/o_%E6%98%9F%E7%A9%BA.jpg) top center no-repeat #000 !important;
}
最后完成》》》》
我的代码修改量是最小的,稍微改了一下效果,附上我的CSS
#home {
margin: 0 auto;
width: 90% !important;
}
#mainContent {
width: 85% !important;
}
#navigator {
margin-top: 0px !important;
}
#sideBar {
margin-right: 0px !important;
padding-bottom: 50px !important;
background-color: #023C84 !important;
}
.newsItem .catListTitle {
background: #907B7B !important;
}
.catListTitle {
background: #907B7B !important;
}
body {
background: url(http://images.cnblogs.com/cnblogs_com/philonic/801443/o_%E6%98%9F%E7%A9%BA.jpg) top center no-repeat #000 !important;
}
第二步:开chrome浏览器的debug,调试页面达到效果。
第三步:选择body标签,如下图:
把原来的背景图改为自己想要的,例如我是先上传到自己的相册,然后获取地址来显示的
body {
background: url(http://images.cnblogs.com/cnblogs_com/philonic/801443/o_%E6%98%9F%E7%A9%BA.jpg) top center no-repeat #000 !important;
}
最后完成》》》》
我的代码修改量是最小的,稍微改了一下效果,附上我的CSS
#home {
margin: 0 auto;
width: 90% !important;
}
#mainContent {
width: 85% !important;
}
#navigator {
margin-top: 0px !important;
}
#sideBar {
margin-right: 0px !important;
padding-bottom: 50px !important;
background-color: #023C84 !important;
}
.newsItem .catListTitle {
background: #907B7B !important;
}
.catListTitle {
background: #907B7B !important;
}
body {
background: url(http://images.cnblogs.com/cnblogs_com/philonic/801443/o_%E6%98%9F%E7%A9%BA.jpg) top center no-repeat #000 !important;
}
相关文章推荐
- CSS3 不定宽高水平居中
- css把超出的部分显示为省略号的方法兼容火狐
- 探究CSS line-height属性
- css3学习--css3动画详解一(animation属性)
- [转]CSS 那么多属性,而且每个属性都有多个值怎么记?
- CSS边距问题
- CSS设置属性
- CSS基础知识
- CSS所遇问题小
- html+css 清除浮动的相关技巧心得
- QTabWidget添加自定义样式
- 环形进度条的实现方法总结和动态时钟绘制(CSS3、SVG、Canvas)
- CSS3参考文档
- css3多行文本溢出显示省略号(…)
- CSS裁剪clip
- CSS之可收缩的底部边框
- CSS之可收缩的底部边框
- CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦
- css实现小三角(原理)
- js中巧用cssText属性批量操作样式(转)