如何增加链接的大小?

时间:2012-04-10 07:12:04

标签: html hyperlink fonts

您好我需要在页脚中显示我的链接“由Arun提供动力”,它应该是我主页的链接。我需要对 Powered by 旁边的名称给出不同的外观。那么如何增加链接的大小以及任何有关自定义链接的建议。

4 个答案:

答案 0 :(得分:3)

使用<span>元素:

<span>Powered By</span> Arun

然后,您可以将样式应用于范围或类:

  • 内联样式:

    <span style="font-size:1.2em;"></span>
    
  • 班级风格:

    申请上课:

    <span class="mySpanClass"></span>
    

    并指定相应的样式(在样式表中):

    .mySpanClass { font-size:1.2em; }
    

答案 1 :(得分:1)

我想,你需要这样的东西,

<a href='linkToHomePage' style='font-size:1.2em'>Powered by<span style="font-weight:bold">Arun</span></a>

(我猜你的不是技术人员,所以这对你来说很容易)

如果你能做到,请这样做,

添加此css,

.poweredby {
  font-size:1.2em;
}
.author {
  font-weight:bold;
}

并添加此标记,

<a href='linkToHomePage' class='poweredby'>Powered by<span class="author">Arun</span></a>

答案 2 :(得分:0)

如失望先生在回答中所说,你可以使用<span>

要显示将其与链接一起使用的示例,请参阅下文。

<a href="LinkToYouHomePage.htm"><span style="font-size: small">Powered by</span> <span
    style="font-size: larger">Arun</span> </a>

答案 3 :(得分:0)

如果你想为链接提供一些基本风格,你就不能这样做

<p><a href="https://iden.example.org"><i style="font-size:1.5em ;color: blue; ">Powered by</i><strong> Arun</strong></a></p>