blocks|key|2354685|text|Font是deprecated.Use+span|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2354686|<span+class="word">Your+Word|code-block|syntax|javascript|2354687|然后对其应用样式。|2354688|CSS:|BOLD|2354689|.word
{
font-size:20px;
color:Red;
//Other+styles
}|2354690|不推荐使用inline样式。|2354691|entityMap^0|0|4|K|4|0|0|0|0|4|0|0|5|6|0^^$0|@$1|2|3|4|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@]|D|@]|E|$]]|$1|M|3|N|5|6|7|12|8|@$9|13|A|14|B|O]]|D|@]|E|$]]|$1|P|3|Q|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|R|3|S|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|T|3|-4|5|6|7|19|8|@]|D|@]|E|$]]]|U|$]]

<code>Font</code> is deprecated.Use <code>span</code> instead

<pre><code>&lt;span class="word"&gt;Your Word&lt;/span&gt;
</code></pre>

Then apply style to it.

CSS:

<pre><code>.word
{
font-size:20px;
color:Red;
//Other styles
}
</code></pre>

Using <code>inline</code> styles is not recommended.

blocks|key|4324533|text|font已弃用。使用和CSS应用特定样式：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4324534|<span+style="color:+#b00;+font-size:+16px;+font-style:+italic;">ONE_WORD|code-block|syntax|javascript|4324535|entityMap^0|0|4|A|6|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

<code>font</code> is deprecated. Use <code>&lt;span&gt;</code> and CSS to apply specific styling:

<pre><code>&lt;span style="color: #b00; font-size: 16px; font-style: italic;"&gt;ONE_WORD&lt;/span&gt;
</code></pre>

blocks|key|4324660|text|你可以试试这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4324661|HTML和内联CSS|offset|length|style|BOLD|4324662|<div+class="text"+style="color:red;+font-size:20px;">ONE_WORD</div>|code-block|syntax|javascript|4324663|或使用以下CSS|4324664|.text{color:red;+font-size:20px;}|4324665|entityMap^0|0|0|A|0|0|0|8|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|W|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|O|3|P|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|Q|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|R|$]]

You can try this

HTML and INLINE CSS

<pre><code>&lt;div class="text" style="color:red; font-size:20px;"&gt;ONE_WORD&lt;/div&gt;
</code></pre>

OR USE THE FOLLOWING CSS

<pre><code>.text{color:red; font-size:20px;}
</code></pre>

blocks|key|2598806|text|<span+style="font-size:+20px;+font-style:+italic;+color:+red;">ONE_WORD|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2598807|entityMap^0|0|26|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<code>&lt;span style="font-size: 20px; font-style: italic; color: red;"&gt;ONE_WORD&lt;/span&gt;</code>

blocks|key|2598844|text|在样式中定义CSS属性。像这样写：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2598845|<font+style="color:#B00000">ONE_WORD|code-block|syntax|javascript|2598846|entityMap^0|1|2|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Define CSS property inside style. write like this:

<pre><code>&lt;font style="color:#B00000"&gt;ONE_WORD&lt;/font&gt;
</code></pre>

blocks|key|2599008|text|首先，考虑你想要增加它的大小的原因。如果有一个超文本标记语言元素符合这个原因(比如表示强调)，那么就使用这个元素：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2599009|ONE_WORD|code-block|syntax|javascript|2599010|如果您在其他地方使用相同的元素，但不希望这些其他用途具有相同的外观，那么可以将其与类一起使用。类名也应该反映你想要它更大的想法：|2599011|<em+class="ourName">ONE_WORD|2599012|如果没有自然匹配，则使用。|2599013|<span+class="ourName">ONE_WORD|2599014|然后在CSS中将样式设置为匹配。如果你选择了第一个选择：|2599015|em
{
++color:+red;
++font-size:+120%25;
++font-style:+italic;/*em+does+this+by+default,+but+we'll+include+it+anyway*/
}|2599016|如果您选择了第二个选择或第三个选择，则：|2599017|.ourName
{
++color:+red;
++font-size:+120%25;
++font-style:+italic;
}|2599018|或者，例如，仅将此样式应用于具有该类的元素-并处理您在上使用相同类的其他元素：|2599019|em.ourName
{
++color:+red;
++font-size:+120%25;
++font-style:+italic;/*em+does+this+by+default,+but+we'll+include+it+anyway*/
}|2599020|虽然这一个词需要更多的工作，但将这种方法应用到整个网站将使它更简单、更快、更符合逻辑，便于您以后理解，并更快地进行更改。只需一个文档，它就会开始得到回报。将CSS放在一个单独的文件中将在第二个页面之后开始获得回报，并继续提供。|2599021|entityMap^0|15|4|0|0|0|0|C|6|0|0|0|0|0|0|J|4|0|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|1B|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|1C|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|1D|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|1E|8|@$9|1F|A|1G|B|C]]|D|@]|E|$]]|$1|Q|3|R|5|H|7|1H|8|@]|D|@]|E|$I|J]]|$1|S|3|T|5|6|7|1I|8|@]|D|@]|E|$]]|$1|U|3|V|5|H|7|1J|8|@]|D|@]|E|$I|J]]|$1|W|3|X|5|6|7|1K|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|H|7|1L|8|@]|D|@]|E|$I|J]]|$1|10|3|11|5|6|7|1M|8|@$9|1N|A|1O|B|C]]|D|@]|E|$]]|$1|12|3|13|5|H|7|1P|8|@]|D|@]|E|$I|J]]|$1|14|3|15|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|16|3|-4|5|6|7|1R|8|@]|D|@]|E|$]]]|17|$]]

First, think of your reason for wanting to increase it's size. If there's an HTML element that matches that reason (such as <code>&lt;em&gt;</code> for emphasis), then that's the element to use:

<pre><code>&lt;em&gt;ONE_WORD&lt;/em&gt;
</code></pre>

If you use the same element elsewhere but don't want those other uses to have the same appearance, then use it with a class. The class name should also reflect your thinking that led to you wanting it larger:

<pre><code>&lt;em class="ourName"&gt;ONE_WORD&lt;/em&gt;
</code></pre>

If there's no natural match, use <code>&lt;span&gt;</code>.

<pre><code>&lt;span class="ourName"&gt;ONE_WORD&lt;/span&gt;
</code></pre>

Then in your CSS you set the style to match. If you went with the first choice:

<pre><code>em
{
 color: red;
 font-size: 120%;
 font-style: italic;/*em does this by default, but we'll include it anyway*/
}
</code></pre>

If you went with the second choice or third choice, then either:

<pre><code>.ourName
{
 color: red;
 font-size: 120%;
 font-style: italic;
}
</code></pre>

Or to e.g. only apply this style to <code>&lt;em&gt;</code> elements with that class - and treating other elements you used the same class on:

<pre><code>em.ourName
{
 color: red;
 font-size: 120%;
 font-style: italic;/*em does this by default, but we'll include it anyway*/
}
</code></pre>

While more work for this one word that just putting the style straight on it, taking this approach to your entire site will make it simpler, faster, more logical for you to understand later, and quicker to change. It'll start paying off after just one document. Putting the CSS in a separate file will start paying off after the second page, and keep on giving.

blocks|key|4324587|text|您必须使用style属性来执行以下操作：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4324588|<font+style="color:+#B00000>ONE_WORD"|offset|length|style|CODE|4324589|entityMap^0|0|0|18|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

you have to use style attribute to do that like: 
<code>&lt;font style="color: #B00000&gt;ONE_WORD&lt;/font&gt;"</code>

blocks|key|2599058|text|如果发布的代码没有设置文本颜色，则问题出在其他地方，可能是在覆盖此设置的样式表中，或者是在浏览器设置中(浏览器可以设置为忽略网页上建议的颜色)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2599059|人们和组织有不同的意见，但从技术上讲，font标签仍然有效，你还可以在那里设置字体系列和大小，例如|offset|length|style|CODE|2599060|<font+color="#B00000"+face="Verdana"+size="4">ONE_WORD|code-block|syntax|javascript|2599061|然而，这是相当不灵活的，因为这里的字体大小是用从1到7的数字来表示的，所以3是正常大小，其他的则是不同的大小，以依赖于浏览器的方式。为了获得更好的控制，你可以添加一段CSS，例如|2599062|<font+color="#B00000"+face="Verdana"+size="4"
++++++style="font-size:+135%25">ONE_WORD|2599063|要将文本样式更改为斜体，可以使用和；要获得粗体字体，请使用和。|2599064|当然，您也可以使用语义上的空span标记并在CSS中设置所有内容，尽管只设置单个单词的样式没有什么实际的理由。|2599065|entityMap^0|0|J|4|0|0|0|0|G|3|K|4|10|3|14|4|0|E|4|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|10|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|12|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|13|8|@$D|14|E|15|F|G]|$D|16|E|17|F|G]|$D|18|E|19|F|G]|$D|1A|E|1B|F|G]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1C|8|@$D|1D|E|1E|F|G]]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1F|8|@]|9|@]|A|$]]]|V|$]]

If the code posted does not set the text color, then the problem is elsewhere, possibly in a style sheet that overrides this setting, or in browser settings (browsers can be set to ignore colors suggested on web pages).

People and organizations have various opinions, but technically the <code>font</code> tag keeps working, and you can also set font family and size there, e.g.

<pre><code>&lt;font color="#B00000" face="Verdana" size="4"&gt;ONE_WORD&lt;/font&gt;
</code></pre>

This is however rather inflexible, since here font sizes are expressed by numbers from 1 to 7, so that 3 is normal size and others are something different, in a browser-dependent manner. To get better control, you can add a piece of CSS, e.g.

<pre><code>&lt;font color="#B00000" face="Verdana" size="4"
 style="font-size: 135%"&gt;ONE_WORD&lt;/font&gt;
</code></pre>

To change text style to italic, you could wrap <code>&lt;i&gt;</code> and <code>&lt;/i&gt;</code> around this; to get bold font, use <code>&lt;b&gt;</code> and <code>&lt;/b&gt;</code> around.

And you can of course use semantically empty <code>span</code> markup and set everything in CSS, though there is little practical reason to do so for just styling an individual word.

I have one word ONE_WORD and I would like to make it little big bigger, change text style and color it in red. How can I do that?
I tried with this code, but it doesn't work:

<pre><code>&lt;font color="#B00000 "&gt;ONE_WORD&lt;/font&gt;
</code></pre>

thx, D.

color text in html code

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我有一个单词ONE_WORD，我想把它变大一点，改变文本样式，把它涂成红色。我该怎么做呢？我试过这段代码，但它不起作用：ONE_WORDthx，D。

问html代码中的彩色文本
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html代码中的彩色文本EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html代码中的彩色文本
EN