增加HTML超链接文本的字体大小

18
我正在开发一个Web应用程序,其中我使用了href。但与页面相比,它的默认字体太小了。因此,我想增加字体的大小。 我的输出页面如下所示:

enter image description here

我尝试使用字体大小来设置锚点标签,但是在字体标签后没有显示任何效果。
我尝试的代码是:
<font size="100px"><a href="selectTopic?html" style="text-decoration: none">HTML 5</a></font>

那么我该怎么改变字体大小?

2
style="text-decoration: none; font-size: 1.5em;" - hjpotter92
5个回答

25

你可以这样做:

a {font-size: 100px}

尽量避免使用字体标签,因为它已经被弃用了。可以像上面那样使用CSS代替。您可以为锚点指定特定的类,并对其应用任何样式。


4
这将改变所有 a font-size,所以最好告诉他使用类或子选择器,例如 ul.class li a - Mr. Alien

15
您的font标签不正确,因此在某些浏览器中无法正常工作。 px单位与CSS一起使用,而不是HTML属性。 font标签应该像这样:
<font size="100">

实际上,它根本不应该存在。 font 标签已经过时了,您应该使用 CSS 来设置内容的样式,就像您已经使用 text-decoration 一样:

<a href="selectTopic?html" style="font-size: 100px; text-decoration: none">HTML 5</a>

为了将内容与样式分离,你当然应该把CSS放在样式表中而不是内联的style属性中。这样,你可以将一个样式应用于多个元素,而无需在所有元素中都放置相同的style属性。
例子:
<a href="selectTopic?html" class="topic">HTML 5</a>

CSS:

.topic { font-size: 100px; text-decoration: none; }

2

增加字体的填充大小,然后尝试增加字体大小:

style="padding-bottom:40px; font-size: 50px;"

1
你也可以在锚点标签中添加类,例如下面这样:

.a_class {font-size: 100px} 

2
这个回答可以更清晰明了。虽然对于懂HTML和CSS的人来说很显然,但你应该指出最好的调整字体的方法是通过CSS而不是font标签。另外需要注意的是,发帖者需要在他的HTML中添加class="a_class" - ASGM

0

有一种更简单的方法。您可以将href放在刚为该href创建的段落中。例如:

HREF名称


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接