css样式变色,css样式渐变色

在CSS中如何设置一个按钮鼠标划过变颜色。

需要准备的材料分别有：电脑、浏览器、html编辑器。

专注于为中小企业提供做网站、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业巴林右旗免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了成百上千企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的style标签中，输入css代码：button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、浏览器运行index.html页面，此时显示出了蓝色背景颜色的按钮。

4、将鼠标移入按钮，此时按钮的背景颜色变成了橙色。

1、首先新建一个html文件，命名为test.html，在test.html文件内，使用table标签创建一个表格，用于测试。

2、在test.html文件内，设置table标签的class属性为mytable，同时设置边框为1px。

3、接着在css标签内，通过class设置表格的样式，定义它的宽度为300px,高度为200px。

4、在css标签内，通过td元素名称和“:hover”选择器定义当鼠标指向单元格时，改变单元格的背景颜色，设置为红色。

5、最后在浏览器打开test.html文件，鼠标经过之后，即可变色。

1、新建一个html文件，命名为test.html。

2、在test.html文件内，使用font标签创建三行文字，分别用不同的方法给font字体设置颜色。

3、在test.html文件内，直接在font标签上，通过color属性来设置字体的颜色。例如，设置font字体的颜色为红色。

4、在test.html文件内，设置font标签的class属性为myclass，主要用于下面通过该class来设置css样式。

5、在test.html文件内，设置font标签的id属性为myid，主要用于下面通过该id来设置css样式。

6、在css标签中，设置类名为myclass的样式，例如，设置color属性为蓝色（blue）；设置id为myid的样式，例如，设置color属性为粉红色（pink）。

7、在浏览器打开test.html文件，查看实现的效果。

当前标题：css样式变色,css样式渐变色
网站路径：http://mswzjz.cn/article/dsdgdje.html