我正在尝试建立自己的网站。我是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:-140px和负值,我们看不到div元素

同时将padding值设置为低,因此无需滚动页面

09-25 17:16
查看更多