视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
如何在Skype上进行屏幕共享 如何在Snapchat上使用滤镜 如何提高网页排名 5种方法来重设路由器密码 如何重设路由器密码 5种方法来重设路由器密码 如何下载免费游戏 3种方法来下载免费游戏 如何下载免费游戏 3种方法来下载免费游戏 如何判断网上结识的男孩是否喜欢你 3种方法来判断网上结识的男孩是否喜欢你 如何判断网上结识的男孩是否喜欢你 3种方法来判断网上结识的男孩是否喜欢你 如何在电子邮件中添加链接 4种方法来在电子邮件中添加链接 如何在电子邮件中添加链接 4种方法来在电子邮件中添加链接 如何查网站流量 3种方法来查网站流量 如何查网站流量 3种方法来查网站流量 如何使用FaceTime 如何在Chrome浏览器去掉右上角的用户切换按钮 如何复制和粘贴网络链接 如何修改路由器的密码 如何备份和恢复谷歌Chrome浏览器的全部设置 如何在Chrome浏览器上屏蔽广告 3种方法来在Chrome浏览器上屏蔽广告 3种方法来在Chrome浏览器上屏蔽广告 如何在Chrome浏览器上屏蔽广告 如何使用Bittorrent在线下载电影 如何查看谷歌历史记录 5种方法来查看谷歌历史记录 5种方法来查看谷歌历史记录 如何查看谷歌历史记录 如何删除领英上的联系人 如何下载《模拟人生3》 3种方法来下载《模拟人生3》 3种方法来下载《模拟人生3》 如何下载《模拟人生3》 如何重置网件路由器 如何提高上网速度 3种方法来提高上网速度 3种方法来提高上网速度 如何在Linux系统中查看IP地址 4种方法来在Linux系统中查看IP地址 4种方法来在Linux系统中查看IP地址 如何在Linux系统中查看IP地址 如何从Spotify下载歌曲
如何在HTML中更改字体颜色
2022-08-30 16:26:20 责编:小OO
文档
这篇文章介绍如何在HTML文件中更改颜色。HTML5已不再使用HTML字体标记,你可以使用CSS来更改HTML页面文字的颜色。如果你正在使用旧版HTML,那就还是可根据需要使用HTML字体颜色标记。

方法1:使用CSS

1选择文字颜色。你可以使用红色等基础颜色来显示文字,但如果需要更细致的色调,就要用到HTML颜色生成器:在电脑浏览器中,前往 https://www.w3schools.com/colors/colors_picker.asp 。

在页面顶部的六角形色盘中选择一种基础颜色。

在页面右侧滚动至要使用的色调。

留意色调右侧的6位数编号。

2打开HTML文档。打开要更改字体颜色的文档。如果没有HTML文档,先创建一个,然后继续下一步。

3找到要更改颜色的文字。在文档中滚动,找到要更改颜色的段落、标题或其他形式的文字。

4注意文字的标记。例如,如果是标题,你会在起始位置看到"<h1>"。

5在文档的顶部加上"head"和"style"部分。在"<html>"标记下输入<head>,按? Enter,在"<head>"标记下输入<style>,按两次? Enter,然后输入两者的结束标记。结果应如下所示:

<!DOCTYPE html><html><head><style></style></head><body>

6输入"color"样式标记。单击"<style></style>"标记中间的空格,然后输入以下代码,注意要将"red"替换为自己选择的颜色代码,将"<h1>"替换为要更改颜色的文字标记:

<h1> {  color: red;}

7复查文档。页面标题应如下所示:

<!DOCTYPE html><html><head><style><h1> {  color: red;}</style></head><body>

8统一正文的颜色。如果要把文档的正文更改为同一种颜色,那就输入以下代码,并把"black"替换为想要的颜色:

body {  color: black;}

方法2:使用HTML标记

1选择文字颜色。你可以使用红色等基础颜色来显示文字,但如果需要更细致的色调,就要用到HTML颜色生成器:在电脑浏览器中,前往 https://www.w3schools.com/colors/colors_picker.asp 。

在页面顶部的六角形色盘中选择基础颜色。

在页面右侧滚动至要使用的色调。

留意色调右侧的6位数编号。

2打开HTML文档。打开要更改字体颜色的文档。如果没有HTML文档,先创建一个,然后继续下一步。

3找到要更改颜色的文字。滚动文档,直到找到要更改颜色的段落、标题或其他形式的文字。

4添加"font"起始标记。单击要更改颜色的文字左侧,然后输入以下代码,注意要将"red"改成想要的颜色:

<font color="red">

5添加"font"结束标记。单击要更改颜色的文字末尾,然后输入</font>

<font color="red">This text is red!</font>

小提示

HTML颜色代码分为以下几个部分:前两个字符代表红色的色度,中间两个字符代表绿色的色度,最后两个字符代表蓝色的色度。可以在“00”到“99”之间选择每种颜色的含量。如果要最大限度地使用某种颜色,输入“FF”来代替数字,例如“0000FF”代表纯蓝。

提高页面的阅读体验。如果在白色的背景上使用亮色,或在黑色背景上使用暗色,就会很难看清文字。

型号较老的显示器只能显示约65000种颜色,某些更老的型号甚至只能显示256色,但绝大部分网络用户都能看到你指定的颜色。

警告

XHTML 1.0 Strict DTD不支持字体元素。

下载本文
显示全文
专题come的喂abc是什么梗come的喂abc是什么梗专题稻盛和夫给年轻人的忠告稻盛和夫给年轻人的忠告专题QQ学生卡是什么QQ学生卡是什么专题早安文案短句简短霸气早安文案短句简短霸气专题早安文案短句简短早安文案短句简短专题关于早安的简短文案关于早安的简短文案专题中秋节微信朋友圈暖心文案中秋节微信朋友圈暖心文案专题中秋节微信朋友圈暖心文案 中秋佳节朋友圈的话语中秋节微信朋友圈暖心文案 中秋佳节朋友圈的话语专题男士水杯如何选购男士水杯如何选购专题新鲜海带煮几分钟拌凉菜新鲜海带煮几分钟拌凉菜专题肉丸下锅煮几分钟能熟肉丸下锅煮几分钟能熟专题新鲜海参煮几分钟新鲜海参煮几分钟专题什么材料可以做孔明灯什么材料可以做孔明灯专题新鲜牛肉煮几分钟新鲜牛肉煮几分钟专题最简单的鸡尾酒做法最简单的鸡尾酒做法专题佩戴银饰会带来好运吗佩戴银饰会带来好运吗专题大学宿舍适合什么花卉盆栽大学宿舍适合什么花卉盆栽专题佩戴什么动西能特别旺运势佩戴什么动西能特别旺运势专题招财树摆在什么地方最好招财树摆在什么地方最好专题人工注色翡翠手镯如何验真假人工注色翡翠手镯如何验真假专题西红柿冬季如何施肥西红柿冬季如何施肥专题庆祝中秋佳节的话语庆祝中秋佳节的话语专题家里墙布如何清洁干净家里墙布如何清洁干净专题孩子玩手机到深夜家长如何解决孩子玩手机到深夜家长如何解决专题贵州正宗香辣脆如何做贵州正宗香辣脆如何做专题怎么辨别翡翠平安扣的真假怎么辨别翡翠平安扣的真假专题如何区分翡翠a货与b货如何区分翡翠a货与b货专题意面怎么做方便又好吃意面怎么做方便又好吃专题正宗香辣干锅酱做法正宗香辣干锅酱做法专题正宗香辣美容蹄怎么做正宗香辣美容蹄怎么做专题