htmla标签href属性[跳转和锚点] html a标签 href 属性
⼆: 锚点代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>a标签锚点</title>
<script src="jquery-3.5.1.js"></script>
<style>
.btn {
position: fixed;
left: 10%;
top: 20%;
display: flex;
flex-direction: column;
}
href标签怎么用.btn a {
width: 120px;
height: 30px;
color: #ffffff;
}
border: 5px solid #000000;
color: #ffffff;
}
</style>
</head>
<body>
<div class="btn">
<span>a标签锚点</span>
<a href="#dafei_01">跳转到dafei_01</a>
<a href="#dafei_02">跳转到dafei_02</a>
<a href="#dafei_03">跳转到dafei_03</a>
<a href="#dafei_04">跳转到dafei_04</a>
</div>
<div class="content" id="dafei_01" >我是dafei_01</div>
<div class="content" id="dafei_02" >我是dafei_02</div>
<div class="content" id="dafei_03" >我是dafei_03</div>
<div class="content" id="dafei_04" >我是dafei_04</div>
</body>
</html>
View Code
其他:
视窗单位 vw vh
1.vw:1vw等于视⼝宽度的1%。
2.vh:1vh等于视⼝⾼度的1%
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论