html怎么设置字体颜色_随笔

我们先写一个基本的html，里面有一个div和一段文字。

先看下现在的页面，文字显示的就是默认的黑色字体。

要更改字体颜色，我们可以通过css样式来设置。

为.font 这个样式规则添加样式代码，很简单，就是添加color的样式，样式值为红色：red。代码如图。

再看下我们的网页，文字的颜色已经变成红色了。

<!doctype html>

<html>

<head>

<title>说好在一起A</title>

*{margin:0pxpadding:0pxlist-style:nonetext-decoration:none} /*通配符，个人习惯。*/

.div1{color: #0000FFbackground: #FFFF00}

color 文字的颜色。

background 背景颜色属性。

</style>

</head>

<body>

百度一下，你就知道

</div>

</body>

</html>

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

2、在test.html文件内，创建一个div模块，设置其class属性为bg，id属性为mydiv，用于下面设置css样式和获取div对象。

3、在test.html文件内，使用css设置div的样式，设置其宽度为500px，高度为272px，背景图片为2.jpg。

4、在test.html文件内，在div的下面创建一个button按钮，按钮名称为“更换背景颜色”。

5、给button按钮绑定onclick点击事件，当按钮被点击时，执行myfun()函数。

6、在test.html文件内，在js标签内，创建myfun()函数，在函数内，使用getElementById()方法通过id获得div对象，设置对象中的backgroundImage背景属性为另一张图片，从而实现改变div的背景图片。就完成了，运行就可以了。

欢迎分享，转载请注明来源：内存溢出

html怎么设置字体颜色