网站的背景颜色用什么颜色最耐看

网站背景颜色常见设置：从冷色系、暖色系视觉出发！

一、网站背景用的最多的颜色：白色 #ffffff浅灰色 #f0f0f0-#f9f9f9这种颜色又称之为万能色，几乎对各类色系风格网站都比较和谐融洽。

二、网站背景用的较多的颜色：接近深蓝色 #0000cc接近天蓝色 #2aa8d9接近青蓝色 #00dfb9；此类色系一般带有科技风采、严肃、求实意义等；常用绿色 #0fba3b；此类色系一般代表绿色、健康、洁净等意义。

三、网站背景使用的其它色系：如黑色#000000；这种系列一般多为炫酷，带有神秘色彩、未知领域等意义。

四、网站样色样色应该与网站性质相关，也可以用图片设置为网站背景，如纹理、风景等。网站背景的规则在于衬托网站内容，具有和谐浏览、暗示等作用。

网站制作中如果你的网站背景设计的出色，与网站融为一体，并且富有特色与吸引力，那么你的网站在同行出便会出类拔萃，在网络营销效果上会占据优势。其实对于网站制作技术人员来说，网站背景的设计处理并不是件容易的事情，需要考虑的事情有很多，而且在设计的时候还需要考虑不同的浏览器的兼容问题。如果不考虑网站在不同分比率显示器下的兼容性，我们几乎可以忽略网站背景不计算。但实际上这是不可能的，因为虽然电脑显示器的屏幕越来越宽，但是分辨率规格却越来越多。而且我们永远都不会知道网站的访问者会用什么样的电脑，什么样的显示来浏览网站。所以，在网站设计的时候一定考虑到不同访问环境下，网站所给用户带来的感受。因为网站最终是要给用户看的，而且是给不同的用户去浏览，为了满足不同用户对网站访问的需求，在网站设计的时候只有通过巧妙的背景搭配来实现最大程度的兼容。

网站背景巧妙设计可以突出网站色彩风格

苏州网站制作专家马可波罗技术人员强调说：网站色彩的搭配对于网站的重要性是显而易见的，不同的网站设计人员对于色彩的理解以及对于色彩的运用水平是不同的。对于一个网站来说，色彩视觉效果处理的好，就会吸引用户长时间的浏览你的网站，更有兴趣做进一步的了解。而且，颜色的应用在网站设计中占据了相当的比重，所以我们看到一些设计感不错的网站，多半颜色运用的都十分出彩。除去网站主体的色彩应用需要高度讲求和谐之外，网站背景色的合理运用亦非常重要。如果网站主体色彩比较清淡，那么适度浓重的背景色彩，就会让网站感觉非常干净清爽。我们通常所说的好花还需绿叶配，其就是这个道理，其意味着网站上的任何一块色彩，哪怕是网站的背景色也绝非微不足道。

网站背景设计应注重形成网站特有的气势

网站靠什么吸引用户?富有冲击力的色彩搭配是其一，网站的结构同样十分重要。现在有不少的网络公司都在提倡营销型网站建设，作为苏州网站建设第一品牌，马可波罗也逐渐强化这个观念。只要我们稍许留心就会发现，富有营销力的网站设计最大的特点就是构图大气，通常通过比较有对比性对大图片，夸张的展示足以吸引用户关注。而网站背景作为网站设计的主要组成元素，合适的素材应用就会让网站即可显的与众不同，更有气势和吸引力。当然这里有一个前提，那就是网站背景图片或者色彩的选择必须有机的融合到网站的整体设计中，而不可孤立的展现。

阿飞供稿

苏州网站设计

http://www.mkbl360.com/shownews-2-85.html

转载请保留链接

谢谢!

1.去网上搜索2个自己喜欢的图片，1个图片用来作为整个网页的背景，另一个图片可以进行重叠组成网页的背景。

学哥找了2个大尺寸的图片和2个小尺寸图片，如下图目录所示：

在index.html所在的目录下创建一个images目录，将4个图片全部放进去。

2.给技术经验的表格增加一个表头，标题分别是：技术类别，技术点，经验年数。文字加粗显示。

在技术经验的表格的第一行增加一个tr，里面增加3个td，然后复制一个CSS样式td1，改名为tdh，增加设置文字粗体，背景色设置为淡灰色。

css代码修改如下：

html代码修改如下：

刷新页面：

可以看到，表头的文字加粗，并且背景色为半透明浅灰色。

设置tdh的background-color:rgba(200,200,200,0.6)，这是一个新的写法，通过CSS的函数rgba可以设置一个RGBA颜色，这种颜色值带有一个alpha通道，可以设置颜色的透明度，也就是可以透过当前颜色的比率是多少。

RGBA 颜色值是这样规定的：rgba(red, green, blue, alpha)。alpha 参数是介于 0.0（完全透明）与 1.0（完全不透明）的数字。

rgba(200,200,200,0.6)就是一个灰色的，透明度为0.6的一个半透明浅灰色。

因为整个body的背景色也是灰色的，因此这里就看不出来tdh的背景色是半透明的，可以来调整body的背景为一个图片，就能看出来是半透明的了。

设置背景图片

之前讲了通过设置body的background-color属性来设置整个网页的背景色。

背景色设置有时候局限性比较大，很多网站都采用图片来设置背景图片，可以做到让网页更美观。

设置背景图片的CSS属性是像这样的：

background-image: url(./images/background.jpg)

url是一个CSS函数，里面参数是图片的目录路径。

一般采用相对目录路径，也就是假设index.html存放在哪一个目录下，则在这个目录下创建一个images目录，将background.jpg文件放到images目录里面去。

修改css文件的body的样式，增加background-image，同时删除bigtitle的width属性，因为div默认就是宽度为100%，为了防止该属性对背景图片的干扰，所以删除掉不必要的属性。

css代码修改如下：

刷新页面：

可以看到技术经验的表格的背景色是半透明的，但是4个大标题的背景色不是半透明的，将它也改为半透明色。

修改CSS样式bigtitle的background-color属性值为半透明颜色值。

css代码修改如下：

刷新页面：

可以看到，大标题的背景色都是半透明的颜色了，这样看起来比较美观了。

---