在HTML中如何为文本中的某些单词添加颜色?

huangapple go评论85阅读模式
英文:

How to add color to some words in a text in html?

问题

例如,我想为电话和电子邮件添加颜色=红色,用<strong>...</strong>括起来。看起来我不能使用嵌入的<p style=...>来添加颜色。如果我不使用CSS,我如何直接为其添加颜色?

<p>要预约,请致电Martin,电话:<strong>xxx-xxx-xxxx</strong>或发送电子邮件至<strong>support@test.com</strong>。</p>

英文:

For example, I want to add color=red to the phone and email, enclosed by <strong>...</strong>. It seems I can't use an embedded <p style=...> to add color. If I don't use CSS, how can I directly add color to it?

&lt;p&gt;For appointment, please call Martin at &lt;strong&gt;xxx-xxx-xxxx&lt;/strong&gt; or email at &lt;strong&gt;support@test.com.&lt;/strong&gt;&lt;/p&gt;

答案1

得分: 1

如果你不“想”使用CSS,“font”似乎有一个颜色属性...

&lt;p&gt;要预约,请致电Martin,电话号码为&lt;strong&gt;&lt;font color=&quot;red&quot;&gt;xxx-xxx-xxxx&lt;/font&gt;&lt;/strong&gt;或发送电子邮件至&lt;strong&gt;&lt;font color=&quot;blue&quot;&gt;support@test.com&lt;/font&gt;&lt;/strong&gt;。&lt;/p&gt;

告诉我们为什么你不想使用CSS?

英文:

If you don't "want" to use css, "font" seems to have a color property...

&lt;p&gt;For appointment, please call Martin at &lt;strong&gt;&lt;font color=&quot;red&quot;&gt;xxx-xxx-xxxx&lt;/font&gt;&lt;/strong&gt; or email at &lt;strong&gt;&lt;font color=&quot;blue&quot;&gt;support@test.com&lt;/font&gt;&lt;/strong&gt;.&lt;/p&gt;

Tell us why you don't want to use css?

答案2

得分: 0

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

&lt;p&gt;要进行预约,请致电马丁,电话号码为 &lt;strong style=&quot;color:red&quot;&gt;xxx-xxx-xxxx&lt;/strong&gt; 或发送电子邮件至 &lt;strong style=&quot;color:red&quot;&gt;support@test.com.&lt;/strong&gt;&lt;/p&gt;

<!-- end snippet -->

如果需要,您可以在HTML元素的style属性中添加其他样式属性,用分号;分隔。

英文:

You can use inline-styling for this purpose

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

&lt;p&gt;For appointment, please call Martin at &lt;strong style=&quot;color:red&quot;&gt;xxx-xxx-xxxx&lt;/strong&gt; or email at &lt;strong style=&quot;color:red&quot;&gt;support@test.com.&lt;/strong&gt;&lt;/p&gt;

<!-- end snippet -->

If you want you can add additional styling properties in style attribute of HTML Element by separating properties with ;

答案3

得分: 0

你可以使用<style>元素来使用CSS,而不必引用另一个CSS文件。

<style>
  .redtext {
    color: red;
  }
</style>
<p>要预约,请致电Martin,电话号码为<strong class="redtext">xxx-xxx-xxxx</strong>,或发送电子邮件至<strong class="redtext">support@test.com。</strong></p>
英文:

You can use a &lt;style&gt; element to use CSS without referencing another CSS file.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-html -->

&lt;style&gt;
  .redtext {
    color: red;
  }
&lt;/style&gt;
&lt;p&gt;For appointment, please call Martin at &lt;strong class=&quot;redtext&quot;&gt;xxx-xxx-xxxx&lt;/strong&gt; or email at &lt;strong class=&quot;redtext&quot;&gt;support@test.com.&lt;/strong&gt;&lt;/p&gt;

<!-- end snippet -->

huangapple
  • 本文由 发表于 2023年4月13日 14:30:45
  • 转载请务必保留本文链接:https://go.coder-hub.com/76002307.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定