多语言展示
当前在线:122今日阅读:23今日分享:25

如何为html添加样式。

在html内,您可以使用CSS丰富页面,CSS内容可以放到标签内,也可以放到外面,通过引用的方式来使用,相比而言,将CSS代码单独放,在需要的时候引用效率是最高。因为这样可以反复使用CSS代码。
工具/原料
1

html

2

css

方法/步骤
1

创建一个html文档。

2

上图所示代码,运行效果入下图所示。

3

如何为上涂文字添加更多更绚丽的效果呢,这个时候,我们就需要用到CSS了。

4

在中间添加下图所示代码。

5

您可以在之间添加CSS代码。这个时候,您需要先在需要引用的标签中添加class或者id,但是建议使用class。

6

添加了class后,您可以会到标签内添加样式。格式入下图所示:

7

接下来,您可以在.h1{ }中间添加样式的代码。比如,我们需要将h1的颜色改为红色,那么您可以在.h1{ }中间添加下图所示代码:

8

现在,使用浏览器打开您的这个页面看看,您看一下h1是不是变色了。

9

同理,您可以更改h2或在h3标签的字体颜色。您需要做的是在标签上添加class

10

之间添加修改颜色的CSS代码。

11

添加了以上代码后,您可以返回浏览器中查看变化。

12

您的字体颜色是不是也变了,如果没有变化,可能是您的单次拼错或者其他地方出错了,您可以检查一下。

13

最后,希望对您有用,希望接下来您的学习愉快!

注意事项

html文档可以直接运行,不需要编译。

推荐信息