怎么给网页文字设置颜色和背景颜色

最新推荐文章于 2023-08-09 08:40:32 发布

狂小虎

最新推荐文章于 2023-08-09 08:40:32 发布

阅读量7.7k

点赞数 5

CC 4.0 BY-SA版权

分类专栏： HTML 文章标签： html web javascript 颜色

原文链接：https://www.w3schools.com/html/html_colors.asp

HTML 专栏收录该内容

13 篇文章

订阅专栏

摘要

最近小虎想自己做网页时可以设置一下文字颜色，然后就用html设置了一下文字颜色和其背景颜色。

文字颜色

在这里插入图片描述

代码

<!DOCTYPE html>
<html>
<body>

<h3 style="color:Tomato;">Hello World</h3>

<p style="color:DodgerBlue;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

<p style="color:MediumSeaGreen;">Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>

</body>
</html>

文字背景颜色

在这里插入图片描述

代码

<!DOCTYPE html>
<html>
<body>

<h1 style="background-color:Tomato;">Tomato</h1>
<h1 style="background-color:Orange;">Orange</h1>
<h1 style="background-color:DodgerBlue;">DodgerBlue</h1>
<h1 style="background-color:MediumSeaGreen;">MediumSeaGreen</h1>
<h1 style="background-color:Gray;">Gray</h1>
<h1 style="background-color:SlateBlue;">SlateBlue</h1>
<h1 style="background-color:Violet;">Violet</h1>
<h1 style="background-color:LightGray;">LightGray</h1>

</body>
</html>