时间戳

首页 > 解决方案 > 将一行设置为黑色 - 该行有更多的网络链接

html - 将一行设置为黑色 - 该行有更多的网络链接

问题描述

我正在尝试为一条线设置黑色。网上有更多的网页链接。但链接仍然是蓝色的。谢谢您的帮助。

<!DOCTYPE html>

    <html>
        <head>
            <meta charset="utf-8">
            <title>Titulek stránky</title>
        </head>
        <body>
            <h2 style="color:black;"><a href="https://www.youtube.com">YouTube</a> <a href="https://www.google.com/">Google</a></h2>
        </body>
    </html>

标签： htmlcolorshyperlink

解决方案

因为标签中有一个默认样式，<a>它隐藏了设置的样式<h2>。有 2 种方法（不仅仅是 2 种）来解决问题。

  • 方式1：通过添加<style>标签并将您的样式放入其中。
<html>
    <head>
        <meta charset="utf-8">
        <title>Titulek stránky</title>
        <style>
            a {
                text-decoration: none;
                color: black;
            }
        </style>
    </head>
    <body>
        <h2><a href="https://www.youtube.com">YouTube</a> <a href="https://www.google.com/">Google</a></h2>
    </body>
</html>
  • 方式2（不推荐，因为它看起来不是很整洁）：为每个<a>标签添加样式。
<html>
    <head>
        <meta charset="utf-8">
        <title>Titulek stránky</title>
    </head>
    <body>
        <h2>
            <a href="https://www.youtube.com" style="text-decoration: none; color: black;">YouTube</a>
            <a href="https://www.google.com/" style="text-decoration: none; color: black;">Google</a>
        </h2>
    </body>
</html>

希望有所帮助。

推荐阅读