html中设置元素的背景色都是通过CSS中的background 属性来完成。
例如,给整个页面(body)设置背景色:body{background: #ddd};如果要将图片作为背景色:body{background-image: url(1.jpg)},其中url括号后面的是背景图片的链接。
拓展资料:
background 简写属性在一个声明中设置所有的背景属性。
background可以设置如下属性:
background-color 背景颜色
background-position 背景图像的位置
background-size 背景图片的尺寸
background-repeat 重复背景图像
background-origin 背景图片的定位区域
background-clip 背景的绘制区域
background-attachment 背景图像是否固定或者随着页面的其余部分滚动
background-image 背景图像
如果不设置其中的某个值,也不会出问题,通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。
代码:
效果:
设置步骤如下:
所需材料:WIN7系统。
一、准备好一张和屏幕分辨率相同的壁纸,改名为backgroundDefault.jpg。
二、按下WIN+R打开运行窗口,输入REGEDIT,点击“确定”。
三、打开注册表编辑器后找到下面这个路径下的“OEMBackground”值,并双击打开该值。HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Authentication\LogonUI\Background。
四、打开该值后,数值数据内改为“1”,点击“确定”,关闭注册表编辑器。
五、然后打开C:\Windows\System32\oobe\info\Backgrounds文件夹(若info文件夹内无该文件夹,则手动创建一个),然后把第一步准备的图片粘贴至该文件夹内。
六、最后按WIN+L进入到切换用户界面,这时就能够看到,壁纸已经更换为准备好的壁纸。
background顾名思义即 背景的意思,background 有多种属性,例如:
不过我们通常用到的属性只有五种,即 background-color, background-image, background-size, background-repeat, background-position。
背景颜色会填充整个标签,它的定义方式有三种,即颜色英文单词的方式定义,16进制颜色值定义,rgb的模式定义。
第一种背景色定义方式使用颜色的英文单词的方式,如red(红色),blue(蓝色),green(绿色), white(白色),black(黑色) 等等,例如:
背景图片的定义方式是
默认是重复的显示方式,会铺满整个标签的宽高
属性 background-repeat
背景图片是否重复的意思。background-repeat 一共有四种方式,一般在设置了背景图片的时候使用。背景图片结合background-repeat 使用时,图片会根据 background-repeat 的定义显示,如果将background-repeat 定义为 repeat 则跟默认一样,如果定义为 no-repeat 则只显示一次,如果设置为 repeat-x 则横向重复平铺,如果设置为 repeat-y 则竖向平铺。
定义背景图片显示的大小尺寸,可以一个值,也可以两个值,一个值是一般指的背景宽度,两个值是指宽度和高度,三个值用得比较少,可以酌情定义,看自己的需要,下列我只列举一个值的两种方式,因为通常情况下一个值的情况使用比较多。
position 定位的意思, 按照英文意思翻译过来就是 背景定位的意思,一共有六种位置定义方式。
本节中主要针对 背景 background 这个属性逐个做了一个细致的分析。下节中将讲解 《网页基础之background样式介绍(二)》 讲解的是background集中背景属性的结合使用。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)