博客网 >

最近,博友问到有关博客背景颜色设置的问题。这个问题也是博客建设的重要环节,因为这涉及到整个博客的色彩搭配。
其实对于博客背景颜色的设置,我们只要把握好以下几个关键,就可以很好的解决了。

背景颜色的CSS代码为:
background-color: #ffffff;
#ffffff是颜色代码,您可以自行修改。

当然还可以添加您自己制作的背景图片,代码为:
background-image: url(图片链接地址);
background-repeat: no-repeat;表示这个背景图片不重复。
background-repeat: repeat-x;表示这个背景图片在x轴方向上重复。
background-repeat: repeat-y;表示这个背景图片在y轴方向上重复。

下面就说明需要在博客后台管理的CSS里面进行修改的地方:
1、代码body{}里面设置的是整个博客1024*768的这个主体大背景,往里面添加相应的代码就可以设置了。
2、代码div#container{}里面设置的是博客大框架的背景。以我的博客首页为例,里面有代码 width:940px;表示我大框架的宽度是940px,往里面添加背景颜色的话,会铺满整个940px宽的背景,并覆盖上面body设置的部分背景。而body会露出其未被覆盖的背景颜色。
3、代码div#leftFrm{}里面设置的是博客左边框架的背景。其中的代码float: left;表示它会在左边显示。float: right;表示它会在右边显示。一般它都是显示最新文章、最新留言等模块的框架。以我的博客首页为例,float: right;width:260px;,表示在右边显示,宽度为260px,往里面添加背景颜色的话,会铺满整个260px宽的背景,并覆盖上面container设置的部分背景。而container会露出其未被覆盖的背景颜色。
4、代码div#rightFrm{}里面设置的是博客右边框架的背景。一般它都是显示博客介绍、首页日志等模块的框架。以我的博客首页为例,float: left;width: 660px;,表示在左边显示,宽度为660px,往里面添加背景颜色的话,会铺满整个660px宽的背景,并覆盖上面container设置的部分背景。而container会露出其未被覆盖的背景颜色。

5、代码div.operation{}里面设置的是博客功能框架的背景,其实和左边框架设置的差不多,它的颜色设置以后,会覆盖div#leftFrm{}里的部分颜色,覆盖宽度视其width而定。
6、代码div#blogContent{}里面设置的是博客介绍的背景,它的颜色设置以后,会覆盖div#rightFrm{}里的部分颜色,覆盖宽度视其width而定。
7、代码div#diary{}里面设置的是博客首页日志的背景,它的颜色设置以后,会覆盖div#rightFrm{}里的部分颜色,覆盖宽度视其width而定。

这样背景颜色就可以这样依次添加,层层铺上去。
在您的索引页和单篇文章的CSS应该也可以找到相应的代码进行修改,修改方法也差不多。

索引CSS应修改的代码包括:
1、body{}是主体框架代码
2、div#container{}是大框架代码

单篇CSS应修改的代码包括:
1、body{}是主体框架代码
2、div#container{}是大框架代码
3、div.entity{}是日志代码
4、div.operation{}就是下面的那些trackback、博客手拉手、回复等部分代码

<< 博客优化建设使用技巧(上) / CSS技巧之全面更改文字颜色 图... >>

专题推荐

不平凡的水果世界

不平凡的水果世界

平凡的水果世界,平凡中的不平凡。 今朝看水果是水果 ,看水果还是水果 ,看水果已不是水果。这境界,谁人可比?在不平凡的水果世界里,仁者见仁,智者见智。

中国春节的那些习俗

中国春节的那些习俗

正月是农历新年的开始,人们往往将它看作是新的一年年运好坏的兆示期。所以,过年的时候“禁忌”特别多。当然,各个地方的风俗习惯不一样,过年的禁忌也是不一样的。

评论
0/200
表情 验证码:

cb83184929

  • 文章总数0
  • 画报总数0
  • 画报点击数0
  • 文章点击数0
个人排行
        博文分类
        日期归档