tft每日頭條

 > 生活

 > html字體顔色代碼

html字體顔色代碼

生活 更新时间:2024-11-19 12:38:55
HTML 樣式實例 - 背景顔色

background-color 屬性為元素定義了背景顔色:

<html> <body style="background-color:yellow"> <h2 style="background-color:red">This is a heading</h2> <p style="background-color:green">This is a paragraph.</p> </body> </html>

html字體顔色代碼(好看的顔色字體是有方法的)1

HTML樣式:好看的顔色字體是有方法的

HTML 樣式實例 - 字體、顔色和尺寸

font-family、color 以及 font-size 屬性分别定義元素中文本的字體系列、顔色和字體尺寸:

<html> <body> <h1 style="font-family:verdana">A heading</h1> <p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p> </body> </html>

html字體顔色代碼(好看的顔色字體是有方法的)2

HTML樣式:好看的顔色字體是有方法的

HTML 樣式實例 - 文本對齊

text-align 屬性規定了元素中文本的水平對齊方式:

<html> <body> <h1 style="text-align:center">This is a heading</h1> <p>The heading above is aligned to the center of this page.</p> </body> </html>

html字體顔色代碼(好看的顔色字體是有方法的)3

HTML樣式:好看的顔色字體是有方法的

HTML 樣式實例 - 綜合

<html> <body> <h1 style="background-color:yellow;text-align:center">This is a heading</h1> <h2 style="background-color:red;text-align:center">This is a heading</h2> <p style="background-color:green;text-align:center">This is a paragraph.</p> <h1 style="font-family:verdana;text-align:center">A heading</h1> <p style="font-family:arial;;text-align:center;color:red;font-size:20px;">A paragraph.</p> </body> </html>

html字體顔色代碼(好看的顔色字體是有方法的)4

HTML樣式:好看的顔色字體是有方法的

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved