1、图片背景。在图片背景中，主要特点是整个页面的背景可以看作是局部背景的反复重排，在这类背景中以沙纹状的背景为常见，所以我们也将图片背景统称为沙纹背景。初学主页制作者都有这样的经历，当试图把自己的照片作为页面的背景是，却发现浏览器上显示出来的不仅仅是一个照片，而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法，利用这一规律我们可以用一小块图片作为页面背景，让它自动在页面上重复排列，铺满整个页面，从而使网页的体积大大减小。读者到现在恐怕都已经知道了沙纹背景的原理和实现方法，就是找一个小的图片，越小越好，但注意要使后的背景看起来要像一个整体，而不是若干图片的堆砌。其实现的语法如下：,其中的""表示背景图片的路径。

2、条状背景。条状背景与沙纹背景是比较相似的，它适用于页面背景在水平或竖直方向上看是重复排列的，而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列，与沙纹背景所不同的是它只让图片在一个方向上重复排列。以在竖直方向上排列为例，先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片，其长度与页面的宽度相当。也通过＜=""＞，将其设为页面背景，经浏览器显示后，就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然，也可以用类似的方法实现条状背景在水平方向上的重复排列。

3、照片背景。想把朋友或自己的照片作为页面背景让大家看到，但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢?只有想不到没有做不到，这里我用上一点简单的网页文件的之间加入下面的语句.在网页文件的＜＞&;&;＜/＞之间加入下面的语句:＜="/"＞＜!--{-:(.);-:-;-:;-:50%50%}--＞＜/＞。这样，在网页页面中，就可以看到你的照片位于页面的正中间，而且在拉动浏览器窗口的滚动条时，照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意，你也可以随意地调整它在页面中的位置，只需要调整"-"的值就可以了。

4、颜色背景。网页文件中，颜色背景的设计是为简单的，但同时也是为常用和为重要的，因为相对于图片背景来说颜色背景有着无与伦比的显示速度上的优势。一般通过标签来指定页面的颜色背景,其语言法为：。其中的“”表示不同的颜色，可以用各种不同的颜色表示方法，比较常用的有直接用颜色的英文名称，如等等，还可以用颜色的十六进制表示方法，如#0000#00#000000等等，此外还可以用百分比值法和整数法，其效果都是一样的。颜色背景虽然比较简单，但也有不少需要注意的地方，如要根据不同的页面内容设计背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的理想视觉搭配等等。

5、局部背景。前面我们所说的背景都是整个页面的背景，能不能在页面上为某个局部的内容设置属于它自己的背景呢？回答是肯定的。为常见的是在表格的设计当中，我们可以为表格设置一个不同于页面的背景，甚至在不同的表格单元中，我们也可以设置各个表格单元自己的背景。请看下面这个表格例子：

＜="1"="240"="101"="#000"＞

＜＞

＜="80"="46"="#00"＞＜/＞

＜="80"="46"＞＜/＞＜="80"="46"="#0000"＞＜/。

6、复合背景。如果你在练习上面的“照片背景”时“不小心”也设置了＜＞标签里的颜色背景，那么你看到了什么？颜色背景还起作用吗？对，你能看到你的照片浮于你设的颜色背景之上，二者能够同时正常地显示出来。这就是复合背景的魅力，更为吸引人的是，当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候，浏览器能够自动用你所设置的颜色背景取而代之。

湖北设计制作网站公司：解析我们平时浏览网站常见到的几种网页背景及其设计方法

以上就是今天小编就为各位整理的“解析我们平时浏览网站常见到的几种网页背景及其设计方法”的相关知识！，互联网作为当下信息量大和用户多的一个媒体平台，传播信息可谓是快、准、狠，很多企业正是看中了互联网这一特性，往往都会优先选择网络来宣传自己的品牌和产品。但是，苦于对互联网的认识不够全面，往往为了跟风，盲目花个几千上万块钱来找人家来做个传统型网站，然后又花点钱去做推广，之后，钱是花出去了，网站也做了，结果却差强人意，钱就如同打水漂一样。究其原因，这往往是传统型网站存在的弊端所致。武汉怡橙科技，有7年建站经验，我们懂建站，更懂营销。想要了解更多“解析我们平时浏览网站常见到的几种网页背景及其设计方法”的信息，请拨打400-960-5068！，专业商务经理一对一为您服务！