CSS文字颜色— HTML颜色代码
文章推薦指數: 80 %
在这一示例中我们会使用
标签,但您可以使用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延伸文章資訊
- 1使用說明:HTML編輯語法 - 台灣棒球維基館
1 字型標籤; 2 顏色標籤; 3 底色標籤; 4 表格標籤; 5 換行標籤; 6 字體位置標籤; 7 字體大小標籤; 8 字體變形標籤; 9 字體隱藏標籤; 10 標題大小標籤.
- 2HTML font color 文字顏色設計 - WebTech 網頁設計教學站
HTML font color 文字顏色設計是傳統的HTML 在網頁文字顏色修改的標準語法,color 是HTML font tag 的主要功能其中之一,網頁文字一般預設為黑色,如果想要將文字變...
- 3怎样改html标题颜色_百度知道
怎样改html标题颜色. <h1color=red>xxxxx</h1>请问为什么color这个命令没用的?... <h1 color=red>xxxxx</h1> 请问为什么color这个命令...
- 4HTML font color 文字顏色 - Wibibi
HTML font color 文字顏色可以在標籤內使用color 來設定,也可以使用CSS 的style 來設定,其實設定文字顏色有許多種不同的方式,這裡準備了兩種.
- 5網頁設計– HTML 文字變化
在上一篇HTML 文章段落及排版中,我們有用到~ 文章標題,我們透過範例的展示結果, ... 要設定文字的顏色,也可以透過<font> 字體標籤的另一個color 顏色屬性來達成。