HTML语言中,设置背景颜色的代码是?

HTML语言中,设置背景颜色的代码是?,第1张

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集中背景属性的结合使用。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7894760.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存