网页中怎样设置背景色

网页中怎样设置背景色

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

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

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

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

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

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

这样，我们的div就会填充为绿色。