1。颜色背景
以某种颜色为背景是最简单、常用的方法,在显示速度上占绝对优势。方法是在自定义模板的CSS里的“body {”下写
background-color: #6位数颜色代码;
注意(英文输入法的)分号不要掉啦。颜色代码是什么呢?看这里吧:2 红色 #FF0000 3 绿色 #00FF00 4 蓝色 #0000FF 5 牡丹红 #FF00FF6 青色 #00FFFF 7 黄色 #FFFF00 8 黑色 #000000 9 海蓝 #70DB93 10 巧克力色 #5C3317 11 蓝紫色 #9F5F9F 12 黄铜色 #B5A642 13 亮金色 #D9D919 14 棕色 #A67D3D 15 青铜色 #8C7853 16 2号青铜色 #A67D3D 17 士官服蓝色 #5F9F9F 18 冷铜色 #D98719 19 铜色 #B87333 20 珊瑚红 #FF7F00 21 紫蓝色 #42426F 22 深棕 #5C4033 23 深绿 #2F4F2F 24 深铜绿色 #4A766E 25 深橄榄绿 #4F4F2F 26 深兰花色 #9932CD 27 深紫色 #871F78 28 深石板蓝 #6B238E 29 深铅灰色 #2F4F4F 30 深棕褐色 #97694F 32 深绿松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454 35 土灰玫瑰红色 #856363 36 长石色 #D19275 37 火砖色 #8E2323 38 森林绿 #238E23 39 金色 #CD7F32 40 鲜黄色 #DBDB70 41 灰色 #C0C0C0 42 铜绿色 #527F76 43 青黄色 #93DB70 44 猎人绿 #215E21 45 印度红 #4E2F2F 46 土黄色 #9F9F5F 47 浅蓝色 #C0D9D9 48 浅灰色 #A8A8A8 49 浅钢蓝色 #8F8FBD 59 浅木色 #E9C2A6 60 石灰绿色 #32CD32 61 桔黄色 #E47833 62 褐红色 #8E236B 63 中海蓝色 #32CD99 64 中蓝色 #3232CD 65 中森林绿 #6B8E23 66 中鲜黄色 #EAEAAE 67 中兰花色 #9370DB 68 中海绿色 #426F42 69 中石板蓝色 #7F00FF 70 中春绿色 #7FFF00 71 中绿松石色 #70DBDB 72 中紫红色 #DB7093 73 中木色 #A68064 74 深藏青色 #2F2F4F 75 海军蓝 #23238E 76 霓虹篮 #4D4DFF 77 霓虹粉红 #FF6EC7 78 新深藏青色 #00009C 79 新棕褐色 #EBC79E 80 暗金黄色 #CFB53B 81 橙色 #FF7F00 82 橙红色 #FF2400 83 淡紫色 #DB70DB 84 浅绿色 #8FBC8F 85 粉红色 #BC8F8F 86 李子色 #EAADEA 87 石英色 #D9D9F3 88 艳蓝色 #5959AB 89 鲑鱼色 #6F4242 90 猩红色 #BC1717 91 海绿色 #238E68 92 半甜巧克力色 #6B4226 93 赭色 #8E6B23 94 银色 #E6E8FA 95 天蓝 #3299CC 96 石板蓝 #007FFF 97 艳粉红色 #FF1CAE 98 春绿色 #00FF7F 99 钢蓝色 #236B8E 100 亮天蓝色 #38B0DE 101 棕褐色 #DB9370 102 紫红色 #D8BFD8 103 石板蓝色 #ADEAEA 104 浓深棕色 #5C4033 105 淡浅灰色 #CDCDCD 106 紫罗兰色 #4F2F4F 107 紫罗兰红色 #CC3299 108 麦黄色 #D8D8BF 109 黄绿色 #99CC32 110 金色#F5E7AD 111 百合粉#FFCCCC
这种方法虽然简单,但是在色彩的选择和整体搭配上要做到协调美观就不是那么容易的事咯~选的不好,或者搭配不好就会很恶心的。
2。砂纹背景(图片的重复)
沙纹背景属于图片背景的范畴,它的主要特点是整个页面的背景可以看作是局部背景的反复重排,也就是同一张图片在水平和竖直方向上的反复排列,在这类背景中以沙纹状的背景是为常见,所以统称为沙纹背景。
找一张小的图片,要注意的是当其反复排列成一个背景时要能成为一个整体。方法是在自定义模板的CSS里的“body {”下写
background-image: url(http://开头的图片的网址);
background-repeat:repeat;
注意(英文输入法的)分号不要掉啦。如果是黑色的背景图片,特别是星空背景,建议在CSS里的“body {”下按第一种颜色背景的方法再加上“ background-color: #000000;”,颜色代码是6个零,即黑色。
3 。整图背景
整图背景是指只用一整张大的图片作为背景,在拉动浏览器窗口的滚动条时,图片仍然位于页面的正中间而不随页面内容一起滚动。方法是在自定义模板的CSS里的“body {”下写
这里所说
background-image: url(http://开头的图片的网址);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:50% 50%;
如果你觉得照片位于页面的正中间不满意,你也可以随意地调整它在页面中的位置,只需要调整"background-position"的值就可以了。
4。双重背景
双重背景的意思是和新浪的模板背景相似,模版最底层铺一个背景,在这层背景的上面,即日志和侧边栏中间的这块再铺一层背景盖住。如图
方法是在自定义模板的CSS里的“body {”下写:
background-image: url(http://开头的图片的网址);
background-repeat:repeat;
在“#container {”下写:
width: 800px;
border-left: 1px solid #6位数颜色代码;
border-right: 1px solid #6位数颜色代码;
margin: 0 auto;
background-image: url(http://开头的图片的网址);
background-repeat:repeat;
注意(英文输入法的)分号不要掉啦。其中“width: ”后面的800是上面一层背景的宽度,可以自己修改,一般container下已经给了这个宽度;“border-left:”“ border-right:”分别是上面一层背景左右两侧的竖条分隔线,将上、下两层背景分开,所以这个也可以不要。
![]()
![]()
![]()
5:讲讲怎么换掉首页最上面的图片header或者banner
有时候会觉得博客系统所给的模版很漂亮,惟独首页最顶上的那幅图不喜欢,或者想换成另外一张。这个时候可以在自定义模板的CSS里找“background-image: url(http://开头的图片的网址);”有时候在body的下面,有时候在#container 或者
#header 的下面,找找看,把http://开头的图片的网址打开看看,是不是想换掉的那张图,如果是的,就把这个网址换
成自己喜欢的另一张图片的网址就OK了。如果想改模版最下面的图片,就在“#footer {”下用同样的方法。


