我正在尝试建立自己的网站。我是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
值设置为低,因此无需滚动页面