gpt4 book ai didi

html - 我该如何解决这个 问题?

转载 作者:行者123 更新时间:2023-11-27 23:50:57 27 4
gpt4 key购买 nike

我正在尝试建立自己的网站。我是 html/css 的新手,我已经处理这个问题一段时间了。每当我尝试创建可点击的文本时,它都不起作用。我希望它可以点击以打开另一个 html 文件,但它根本不起作用,有什么建议吗?

好吧,似乎只有当 css 没有链接到主 html 时,选项卡才起作用并导致另一个 html 文件,我不知道为什么会这样。

.Home {
position: relative;
font-family: 'open sans', sans-serif;
color: black;
top: -140px;
padding-left: 800px;
font-size: 15px;
text-decoration: none;
}

.Projects {
position: relative;
font-family: 'open sans', sans-serif;
color: black;
top: -160px;
padding-left: 900px;
font-size: 15px;
text-decoration: none;
}

.About {
position: relative;
font-family: 'open sans', sans-serif;
color: black;
top: -180px;
padding-left: 1025px;
font-size: 15px;
text-decoration: none;
}
<!DOCTYPE html>
<html lang="en">

<head>
<title>Portfolio</title>
<link rel="stylesheet" href="Home_css.css" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body>
<div class="Home"> <a href="Home.html"><b>HOME</b></a></div>
<div class="Projects"><a href="Projects.html"><b>PROJECTS</b></a></div>
<div class="About"><a href="About.html"><b>ABOUT</b></a></div>

</body>

</html>

我期望选项卡可以点击并指向另一个 html 文件,但它们都没有响应,难道是我在 css 中做错了什么?

最佳答案

由于 top:-140pxnegative 值,我们看不到 div 元素

同时将 padding 值设置得较低,这样就不需要滚动页面了

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com