养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

网页中怎样设置背景色

时间:2024-11-12 21:24:05

网页淘篱跬翎中我们可以设置标签元素的背景颜色,这看起来似乎很简单,不过,想要深入理解背景颜色也并非那么简单哦。今天小编我就来教教大家怎样在网页设计中怎样设置背景颜色吧!

工具/原料

联想威6

win1020H2

Hbuilder9.1.29

方法/步骤

1、如图,设置一个div,并且给这个div添加一个类,类名随便取。

网页中怎样设置背景色

2、接着我们定义bg这个类的属性,这里我就先设置宽高,这样方便我们待会观察它的颜色变化。

网页中怎样设置背景色

3、如图,设置背景颜色是通过backgro掼鸿乡羰und属性来设置的,我们可以使用单词来作为background的属性值,red表示红色,这样,当我们设置red之后,div就会填充红色。

网页中怎样设置背景色

4、如图,这就是预览效果,其他颜色单词还有green(绿色),yellow(黄色),black(黑色)等等。但是通过单词来定义只是得到比较简单的颜色。

网页中怎样设置背景色

5、接着我们还可以使用rgb()来定义颜色,rg水瑞侮瑜b表示的是红色蓝三色组合,里面有三个参数,三个参数从0到2笙剽茑镙55,0表示没有颜色,当全部为0则表示黑色,如果第一个为255,其他两个为0,则表示红色,依次类推为红绿蓝,如图,我就设置rgb(0,255,0)。

网页中怎样设置背景色

6、这样,我们的div就会填充为绿色。

网页中怎样设置背景色

© 一点知识