如何使用 html 和 css 添加超链接功能
P粉596191963
P粉596191963 2024-04-01 23:34:12
0
2
474

我有一些包含一些 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>

P粉596191963
P粉596191963

全部回复(2)
P粉949267121

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

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

File

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

P粉035600555

使用 onclick 元素:

     
    sssccc
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板