html怎么设置背景颜色

背景颜色的设置一般通过background来实现。html标签有三种方式内嵌，外联，行内。这里说一下行内的方式。举个例子:<div style="background: pinkwidth:100pxheight:100px"></div>这样您就会得到一个宽高都是100像素的粉色div元素。html元素默认是没有高度的，需要注意以下。单纯的背景色的话background也可以写作background-color。background是属性连写，也可以设置背景图，还可以做一些其他设置。颜色的值可以是固定的英文名称，比如pink，red。也可以是十六进制，比如#666666。也可以是RGB，也可以是rgba，后者比前者多了个透明度，很实用。

设置背景颜色的代码就是background-color:颜色值,即可.

下面我们一起来看下具体的代码吧:

首先在html中创建一个元素,这个元素需要是块级元素,如果不是的话,我们需要改变元素为块级

1:块级元素设置背景颜色:

创建div块级元素,然后在行内写上background-color:red,即可设置背景颜色为红色

2.行内元素设置背景颜色:

我们创建一个a标签,然后将标签改为块级元素,代码"display:block"然后设置背景颜色即可,代码"background-color:green",此案例设置背景颜色为绿色

以上就是html中设置背景颜色的方法

background-color:

background-color 属性为元素设置一种纯色。这种颜色会填充元素的内容、内边距和边框区域，扩展到元素边框的外边界（但不包括外边距）。如果边框有透明部分（如虚线边框），会透过这些透明部分显示出背景色。

1、打开编辑器，新建一个HTML，并定义一个div，并给50px的高度：

2、接下来在style中设置div的样式，这里使用linear-gradient()编写一个默认方向的红蓝渐变，渐变的方向可以省略的：

3、如果想设置渐变方向为从右至左，只需要给linear-gradient加一个“to left”属性就可以了：

4、保存文件查看生成的指定方向的渐变，可以看到浏览器中显示出红蓝的渐变色。以上就是用在html中设置渐变色的步骤：

---