如何在js里面给body里面设背景色

如何在js里面给body里面设背景色,第1张

1、实现获得rgb颜色的方法代码

2、获得到格式如下: rgb(225, 22, 23)然后进行拆分的方法代码。

3、把 (225,22,23)字符串进行拆分的方法代码。

4、最后的组合的方法代码。

5、获得十六进制颜色js方法代码。

6、获得十六进制颜色css样式代码。

1、新建文档,点击CSS控制面板的“+”,新建CSS样式规则

2、在规则面板上选择“标签”,选择“body”。点击确定

3、点击规则定义上左侧的“背景”,在右侧“Background-color”处选择要填充的背景色。

4、选择“区块”,在右侧的“Text-align”:处选择“Center”。再确定。

5、看效果。已经实现了,再看下代码窗口:

<style type="text/css">

body { background-color: #09Ftext-align: center}

</style>

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    背景图像

如果不设置其中的某个值,也不会出问题,通常建议使用这个属性,而不是分别使用单个属性,因为这个属性在较老的浏览器中能够得到更好的支持,而且需要键入的字母也更少。

代码:

效果:


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

原文地址: http://outofmemory.cn/bake/7991679.html

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

发表评论

登录后才能评论

评论列表(0条)

保存