Ich habe HTML-Code, der etwas CSS enthält, und ich möchte, dass die Schaltfläche tatsächlich einen Zweck wie einen Hyperlink erfüllt. Ich drücke darauf und er führt mich zu einer bestimmten Datei oder URL. Ich habe versucht, den tatsächlichen Hyperlink zu verwenden, aber er sieht aus hässlich und kann nur auf den Hyperlink geklickt werden. Ich habe versucht, eine HTML-Standard-Hyperlink-Schaltfläche hinzuzufügen, aber sie kann nicht eingefärbt werden.
Der Code lautet wie folgt:
<html>
<body style="background-color:rgb(48, 45, 45)">
<font color="white">
<font color="#4CAF50">
<head>
<style>
.button {
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.button1 {background-color: #4CAF50;}
.button2 {background-color: #008CBA;}
</style>
</head>
<body>
<button class="button button1">Green</button>
<button class="button button2">Blue</button>
</body>
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
为了专门链接到文件，您还可以使用上面提到的 标记，但使用相对 URL 而不是绝对 URL（也称为不包含“https://www.”）。
例如，如果您将文件放置在基本目录之外的内部目录中，则可以使用以下代码段：
有关此内容的更多信息此处.
使用
onclick元素：