我有一些包含一些css 的HTML 程式碼,我希望該按鈕實際上具有像超連結一樣的用途,我按下它,它會將我帶到某個文件或網址,我嘗試過在字段內使用實際的超鏈接,但它看起來很難看,只能按超鏈接,我嘗試添加一個HTML 預設超鏈接按鈕,但它無法著色。
程式碼如下:
<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>
為了專門連結到文件,您也可以使用上面提到的 標記,但使用相對 URL 而不是絕對 URL(也稱為不包含「https://www.」)。
例如,如果您將檔案放置在基本目錄之外的內部目錄中,則可以使用下列程式碼片段:
有關此內容的更多資訊此處.
使用
onclick
元素: