如何为HTML中的超链接中的每个单词添加不同的颜色？

Question

确切的问题是：编写一个HTML程序，其中包含一个包含三个单词的超链接，每个单词以不同的颜色显示。例如：＆＃34; JavaScript WebProgramming CSS＆＃34; （绿色的JavaScript，红色的Web编程，黄色的CSS）。

Answer 1

使用"<span></span>"

.green {
  color: green;
}
.red {
  color: red;
}
.yellow {
  color: yellow;
}

<a href="#">
  <span class="green">JavaScript</span> 
  <span class="red">WebProgramming</span> 
  <span class="yellow">CSS</span>
</a>

Answer 2

＆＃13;

＆＃13;

#m1{
color:red;
}
#m2{
color:green;
}
#m3{
color:pink;
}

＆＃13;

<a href="#"><span id="m1">Webprogram</span><span id="m2">Javascript</span><span id="m3">CSS</span></a>

＆＃13;

＆＃13;

＆＃13;

Answer 3

您无法直接更改锚标记的文本颜色。我可以建议在其中创建单独的跨度并指定颜色如下：

<style>
.chngColor {
  color: blue;
 }
 </style>

<a href='#'><span class='chngColor'>Hello</span> World!</a>

Answer 4

<a href="#"><span style="color:green">JavaScript</span> <span style="color:red">WebProgramming</span> <span style="color:yellow">CSS</span></a>

Answer 5

就这么简单！

<a href="https://so.com"><x style="color:green">JavaScript</x> <x style="color:red">WebProgramming</x> <x style="color:yellow">CSS</x></a>

Answer 6

我为你写了一个代码。这将为您提供以不同颜色建立链接的一般概念 的 e.g。

<p><span style="color: #0000ff;">&nbsp;</span><a title="padfoot" href="http://www.google.com"><span style="color: #0000ff;">javastring</span> <span style="color: #ff0000;">css</span> <span style="color: #ff6600;">java</span></a></p>