So fügen Sie Hyperlink-Funktionalität mithilfe von HTML und CSS hinzu
P粉596191963
P粉596191963 2024-04-01 23:34:12
0
2
427

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>

P粉596191963
P粉596191963

Antworte allen(2)
P粉949267121

为了专门链接到文件,您还可以使用上面提到的 标记,但使用相对 URL 而不是绝对 URL(也称为不包含“https://www.”)。

例如,如果您将文件放置在基本目录之外的内部目录中,则可以使用以下代码段:

File

有关此内容的更多信息此处.

P粉035600555

使用 onclick 元素:

     
    
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage