css如何用一类来改变背景颜色?

html-css08

css如何用一类来改变背景颜色?,第1张

用CSS设置颜色与背景 颜色设置 背景设置 圆角边框和图像边框 二、用CSS设置图像效果 1.为图片添加边框 2.图片缩放 color属性是用于控制HTML元素内文本的颜色,取值可以使用下面的任意一种方式。 颜色名:直接使用颜色的英文名称作为属性值,例如,blue表示蓝色。 #rrggbb:用一个6位的十六进制数表示颜色,例如,#0000FF表示蓝色。 #rgb:是#rrggbb的一种简写方式,例如,#0000FF可以表示为#00F

01

打开软件

可以使用Dreamweaver或Visual studio软件,比如打开VS软件,如下图所示:

02

创建一个DIV

然后在body主体中创建一个div名为【a】, <div class="a">DIV</div>,如下图所示:

03

设置属性

然后设置div的属性,比如高度、宽度和颜色等等,如下图所示:

04

背景渐变色

然后设置背景渐变色,代码如下图:

background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#0000ff))

其中:linear-gradient()是用来创建线性渐变的语句。

05

预览效果

点击预览图标,在浏览器中的显示效果图如下所示:

1.新建一个html文件,命名为test.html,用于讲解css给表格标题行添加背景颜色。

2.在test.html文件内,使用table标签创建一个表格,用于测试。

3.在test.html文件内,给table添加一个class属性,设置为mytab。

4.在css标签内,通过class设置table的宽度为300px,高度为100px。

5.在css标签内,再通过class和标题元素名称th设置表格标题行样式,使用background属性设置其背景颜色为蓝色,文字颜色为白色。

6.在浏览器打开test.html文件,查看实现的效果。