CSS文字颜色— HTML颜色代码

文章推薦指數: 80 %
投票人數:10人

在这一示例中我们会使用

标签,但您可以使用CSS对任何文字元素进行设计。

以下是我们的示例HTML文件,一个非常简单的页面,只包括一个标题和一个比较短的小节。

HTML. CSSTutorial CSS文字颜色使用HTML标签 首先,让我们来设计一些基础文字。

在这一示例中我们会使用标签,但您可以使用CSS对任何文字元素进行设计。

以下是我们的示例HTML文件,一个非常简单的页面,只包括一个标题和一个比较短的小节。

HTML Title

Someparagraphtext.

我们来将

元素设为红色。

我们将在HTML文件的添加一个元素的CSS样式,将颜色从默认的黑色改为红色。

HTML h1{color:#FF0000;} Title

Someparagraphtext.

演示的CodePen CSS文字颜色使用ID 另一种设计

元素的方式是赋予它一个ID;在这个示例中,我们将使用'heading'这个ID。

ID能够使用CSS进行设计,方法与HTML标签相同,但是以'#'符号为前缀。

HTML #heading{color:#FF0000;} Title

Someparagraphtext.

演示的CodePen CSS文字颜色使用类(Class) 为HTML元素添加颜色的第三种方法是使用类(Class)―与ID非常相似,除了它们的前缀是一个点'.'而不是'#'。

这里我们对

元素采用相同的CSS颜色,但使用名为'heading'的类。

HTML .heading{color:#FF0000;} Title

Someparagraphtext.

演示的CodePen


請為這篇文章評分?