Question

我有一个简单的超链接表：

<ul id="toc">
<font size="6" color="red">
<a href="http://www.afakesitename.com/page1.html">Page 1</a>
<a href="http://www.afakesitename.com/page2.html">Page 2</a>
<a href="http://www.afakesitename.com/page3.html">Page 3</a>
</font>
</ul>

我可以通过更改＆＃34;尺寸＆＃34;来更改表条目的字体大小（例如＆＃34; Page 1＆＃34;），但是无论＆的值是什么，颜色都保持蓝色＃34;颜色＆＃34;

我的代码或方法有什么错误？

Answer 1

您应该使用 CSS 代替您可以使用style属性

来使用内联样式

＆＃13;

<ul id="toc">
    <a href="http://www.afakesitename.com/page1.html" style="font-size: 6; color: red;">Page 1</a>
    <a href="http://www.afakesitename.com/page2.html" style="font-size: 6; color: red;">Page 2</a>
    <a href="http://www.afakesitename.com/page3.html" style="font-size: 6; color: red;">Page 3</a>
</ul>

＆＃13;

但是，如上所述的内联样式并不是最佳实践相反，您应该将CSS放在外部CSS文件中，或使用<style>标记：

＆＃13;

<style>
    #toc a {
        font-size: 6;
        color: red;
    }
</style>

＆＃13;

<ul id="toc">
  <a href="http://www.afakesitename.com/page1.html" style="font-size: 6; color: red;">Page 1</a>
  <a href="http://www.afakesitename.com/page2.html" style="font-size: 6; color: red;">Page 2</a>
  <a href="http://www.afakesitename.com/page3.html" style="font-size: 6; color: red;">Page 3</a>
</ul>

＆＃13;

Answer 2

您需要访问元素才能为其添加颜色

＆＃13;

<style>
a{
  color: red;
}
</style>
<ul id="toc">
<font size="6" color="red">
<a href="http://www.afakesitename.com/page1.html">Page 1</a>
<a href="http://www.afakesitename.com/page2.html">Page 2</a>
<a href="http://www.afakesitename.com/page3.html">Page 3</a>
</font>
</ul>

＆＃13;

编辑：不要使用字体标记，因为HTML5不支持字体标记。改用CSS。

＆＃13;

<style>
  a{
  color: red;
  font-size: 26px;
  text-decoration: none:
}
</style>
<ul id="toc">
<a href="http://www.afakesitename.com/page1.html">Page 1</a>
<a href="http://www.afakesitename.com/page2.html">Page 2</a>
<a href="http://www.afakesitename.com/page3.html">Page 3</a>
</ul>

＆＃13;

HTML能够更改文本大小而不是颜色

2 个答案: