怎么样更改HTML中的文本颜色 应该怎么做?

来源:互联网
责任编辑:王嘉善
 综合 
字体:

在本文中:使用CSS使用级联样式属性

在超文本中可以使用<font>标签来改变文本的颜色,然而新版本HTML5不再支持这种方法。你需要改为使用CSS来自定义网页中各元素的文本颜色。这样将确保网页能与各种浏览器兼容。

1使用CSS

以157292 1为标题的图片

1打开HTML文件。更改文本颜色的最佳方法是使用CSS。HTML5不支持旧版HTML的属性。因此,最好是使用CSS来定义各元素的样式。

这种方法同样适用于外部样式表(单独的CSS文件)。下面是一些使用内部样式表的HTML文件示例。

以157292 2为标题的图片

2将光标放在<head>标签内。如果你使用的内部样式表,那就能在该标签中定义自己的样式。

以157292 3为标题的图片

3输入<style>来创建一个内部样式表。当<style>标签在<head>标签中时,<style>标签内部的CSS将被应用于页面上任何适用的元素。当您完成时,HTML文件的开头部分看起来就像是下面这样:[1]

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

以157292 4为标题的图片

4输入要更改其文本颜色的元素。您会使用<style>部分来定义页面上不同元素的外观。比如说,要更改页面所有正文的样式,则输入以下内容:

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

以157292 5为标题的图片

5在元素选择器中输入color:属性。color:属性将告诉页面对该元素使用哪种文本颜色。在本例中,它将更改所有正文文本的颜色,而这些文本也是页面上所有文本的默认元素:

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

以157292 6为标题的图片

6输入文本颜色。输入颜色的方法分为三种:名称、十六进制值或RGB值。例如,要设为蓝色,则可以输入bluergb(0, 0, 255)#0000FF

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

以157292 7为标题的图片

7添加其他选择器来更改不同元素的颜色。你可以使用不同的选择器来更改页面不同部分的文本颜色:

<!DOCTYPE html><html><head><style>body {  color: red;}h1 {  color: #00FF00;}p {  color: rgb(0,0,255)}</style></head><body> <h1>This header will be green.</h1> <p>This paragraph will be blue.</p> This body text will be red.</body></html>

以157292 8为标题的图片

8定义一个CSS类而不是去更改一个元素。你可以定义一个类,然后将其应用于整个页面上的任何元素,从而马上添加这种类样式。例如,在以下文件中,".redtext"类会让应用于的所有元素都使用红色文本:

<!DOCTYPE html><html><head><style>.redtext {  color: red;}</style></head><body> <h1 class="redtext">This heading will be red</h1><p>This paragraph will be normal.</p><p class="redtext">This paragraph will be red</p> </body></html>

2使用级联样式属性

以157292 9为标题的图片

1打开HTML文件。你可以使用级联样式属性来更改页面中某个元素的样式。这种方法对快速更改一两处样式很有用,但不建议用于大范围更改。如果是全面的样式更改,还是要用上一种方法。[2]

以157292 10为标题的图片

2在文件中找到要更改的元素。你可以使用级联样式属性来更改任何元素的文本颜色。例如,你想更改特定标题的文本颜色,则要在文件中找到它:

<!DOCTYPE html><html><body> <h1>This is the header you want to change</h1> </body></html>

以157292 11为标题的图片

3将样式属性添加到元素。在要更改的元素的开始标记内输入style=""

<!DOCTYPE html><html><body> <h1 style="">This is the header you want to change</h1> </body></html>

以157292 12为标题的图片

4内输入color:属性""。例如:

<!DOCTYPE html><html><body> <h1 style="color:">This is the header you want to change</h1> </body></html>

以157292 13为标题的图片

5输入要将文本更改为的颜色。表示颜色的方法有三种。你可以输入颜色的名称、RGB值或者十六进制值。例如,要把颜色更改为黄色,你可以输入yellow;rgb(255,255,0);#FFFF00;

<!DOCTYPE html><html><body> <h1 style="color:#FFFF00;">This header is now yellow</h1> </body></html>

小提示

你可以通过以下链接来查看支持的颜色名称及其十六进制值的列表:http://www.w3schools.com/colors/colors_names.asp

根据您访问的内容,您可能还对以下内容感兴趣,希望对您有帮助:

编写html中如何将中间某一个字符改变字体颜色?

答:更改一段文字中的某一个字符的字体颜色需要给这个字符添加一个标签,然后给这个标签添加相应的css样式即可。 工具原料:编辑器、浏览器 1、一个段落中的某一个字需要更改字体颜色,需给这个更改颜色的字添加一个标记并添加想要的css样式,代码如...

html怎么设置字体颜色

答:很简单,只需要一步,也就是只需要一张图: 方式一:HTML命令方式 这里是红色 方式二:内联CCS样式 这里是蓝色 方式三:独立CCS样式 这里是绿色 扩展资料超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链...

html中改变字体颜色的代码怎么写

答:在HTML中font标签即可对字体内容设置颜色。 1、font语法: 我是红色字体首先font是一对常规标签,将字体文本内容放入标签内,font标签内设置color颜色+对应颜色值即可设置font标签对象内字体颜色。 2、html font设置字体颜色实例完整代码 font字...

HTML中设置td的字体颜色,不用css怎么设置

答:td中不行,但body中可以: td中只可以设置背景颜色: 也可以:This is some text! html即超文本标记语言。超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语...

HTML怎么设置字体颜色?

答:方式一:HTML命令方式 这里是红色 方式二:内联CCS样式 这里是蓝色 简介: 超文本标记语言,标准通用标记语言下的一个应用。 “超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 超文本标记语言的结构包括“头”部分(英语:H...

关于HTML中字体样式和颜色设置

答:告诉浏览器中间的是网页内容,标签本身无实质意义. 是网页内容部分.style="background-color:PowderBlue;",设置网页的背景色为PowderBlue(粉末蓝?) 中间的内容显示为一级标题的样式. 表示中间的内容是一个段落.style="font-family:verdana;color:...

html中的表单里的字体颜色怎么改?

答:用css控制 选中一个元素比如是a 可以写成 a{color:#ff6633;}#ff6633 是RGB格式的颜色代码,按需求修改即可

html怎么设置表格里面的字体颜色

答:可以使用color属性 如: 文字颜色名 大多数的浏览器都支持颜色名集合。 提示:仅仅有 16 种颜色名被 W3C 的 HTML4.0 标准所支持。它们是:aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, whi...

html中链接文字的颜色怎么设置?

答: .Aclass{color:red;font-size:15px;} 我的网站

html中按钮的字体颜色怎么设置?

答:html中按钮字体的颜色和设置普通字体的颜色都是一样的,使用color属性就可以实现字体颜色的设置。 工具原料:编辑器、浏览器 1、首先设置一个按钮,然后使用css给按钮设置color属性即可实现按钮字体的颜色的设置,代码如下: 按钮字体2、以上代...


www.book1234.com true http://www.book1234.com/10/4336/108013.html report 41797 怎么样更改HTML中的文本颜色应该怎么做?,在本文中:使用CSS使用级联样式属性在超文本中可以使用<font>标签来改变文本的颜色,然而新版本HTML5不再支持这种方法。你需要改为使用CSS来自定义网页中各元素的文本颜色。这样将确保网页能与各种浏览器兼容。步骤方法1使用CSS1打开...
娱乐时尚
科技资讯
历史文化
真视界
旅游美食
精彩图文
我爱我车
母婴健康
关于本站 | 广告服务 | 手机版 | 商务合作 | 免责申明 | 招聘信息 | 联系我们
Copyright © 2004-2018 book1234.com All Rights Reserved. 布客网 版权所有
京ICP备10044368号-1 京公网安备11010802011102号
教育考试: 学历财经建筑 医药公考资格外语电脑作文招聘中小学留学 文档 移民 文库专栏23问答中心z资讯z资讯1资讯涨资讯涨资讯1资讯问答图书馆知识IT编程数码信息解决方案信息中心IT科技问答新闻中心软件教室设计大全网络相关英语学习开发编程考试中心参考范文管理文库营销中心站长之家IT信息中心商学院数码大全硬件DIY企业服务网吧在线百科硬件知识手机平板汽车游戏家电精彩摄影现代家居IT女人经验健康养生猎奇创业攻略教育学习历史时尚潮流最近更新涨知识