189 8069 5689

CSS怎么设置页面背景色

这篇文章将为大家详细讲解有关CSS怎么设置页面背景色,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联主营化州网站建设的网络公司,主营网站建设方案,成都app软件开发,化州h5小程序定制开发搭建,化州网站营销推广欢迎化州等地区企业咨询

css是什么意思

css是一种用来表现HTML或XML等文件样式的计算机语言,主要是用来设计网页的样式,使网页更加美化。它也是一种定义样式结构如字体、颜色、位置等的语言,并且css样式可以直接存储于HTML网页或者单独的样式单文件中,而样式规则的优先级由css根据这个层次结构决定,从而实现级联效果,发展至今,css不仅能装饰网页,也可以配合各种脚本对于网页进行格式化。

在css中,可以使用“background-color”属性设置页面背景色,语法“background-color:颜色值”。background-color属性设置元素的背景颜色,元素背景是元素的总大小,包括填充和边界(但不包括边距)。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

设置页面的背景色

CSS通过设置body标记的background-color属性来实现,背景色主要突出页面的主题,跟前景的文字颜色相配合。具体的设定方法和文字颜色值的设定一样,可以采用十六进制、RGB各分量,或者颜色的英文单词等。


       
              
                     背景颜色
              
              
       
      
       
              
              
              

季,地球的北半球开始倾向太阳,收到越来越多的太阳光直射,因而气温开始升高。随着冰雪消融,河流水位上涨。春季植物开始发芽生长,许多鲜花开放。冬眠的动物苏醒,许多以卵过冬的动物孵化,鸟类开始迁移,离开越冬地向繁衍地进发。许多动物在这段时间里发情,因此中国也将春季称为“万物复苏”的季节。春季气温和生物界的变化对人的心理和生理也有影响。

              

对农民来说,春季是播种许多农作物的季节。在春季,地球的北半球开始倾向太阳,收到越来越多的太阳光直射,因而气温开始升高。随着冰雪消融,河流水位上涨。春季植物开始发芽生长,许多鲜花开放。冬眠的动物苏醒,许多以卵过冬的动物孵化,鸟类开始迁移,离开越冬地向繁衍地进发。许多动物在这段时间里发情,因此中国也将春季称为“万物复苏”的季节。春季气温和生物界的变化对人的心理和生理也有影响。

       

代码如上,可以看到背景颜色为深绿色,文字的颜色为亮绿色,再加上图片以及文字内容本身,将春天万物复苏显示了出来。

用背景色给页面分块

Background-color属性不仅可以设置页面的背景颜色,几乎所有的HTML元素的背景色都可以通过它来设定。因此,很多网页都通过设定不同的背景色来实现分块的效果。


       
              
                     利用背景颜色分块
              
              
       
      
       
              
                     
                            
                     
                     
                            
                                   

首页

分类讨论                                    

谈天说地

精华区                                    

我的信箱

休闲娱乐                                    

立即注册

离开本站                                                          正文内容……                              

代码如上,顶端的Banner、左侧的导航条和中间的正文部分分别运用了3中不同的背景颜色,实现了页面分块的目的,这种分块的方法在网页制作中经常使用。

这里,顶端的Banner图片可以是一副,从左到右颜色渐变的图片,颜色由本身的图片过渡到页面的背景颜色,就会显示十分自然,这种效果在Photoshop中很容易实现,也是网页制作的常用方法。

关于“CSS怎么设置页面背景色”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


标题名称:CSS怎么设置页面背景色
URL标题:http://cdxtjz.com/article/pdjpdi.html

其他资讯