html 左侧菜单代码下载
时间: 2023-08-10 10:04:32 浏览: 143
jQuery点击左侧菜单页面滚动代码.zip
抱歉,我无法下载代码。但是你可以在网上搜索 HTML 左侧菜单的代码示例并进行下载。以下是一个简单的 HTML 左侧菜单的代码示例:
```
<!DOCTYPE html>
<html>
<head>
<title>Left Side Menu</title>
<style>
/* Style for the left side menu */
#menu {
background-color: #f1f1f1;
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 200px;
overflow-x: hidden;
padding-top: 20px;
}
/* Style for the links in the left side menu */
#menu a {
display: block;
color: black;
padding: 16px;
text-decoration: none;
}
/* Style for the active link in the left side menu */
#menu a.active {
background-color: #4CAF50;
color: white;
}
/* Style for the main content */
.content {
margin-left: 200px;
padding: 20px;
}
</style>
</head>
<body>
<!-- Left Side Menu -->
<div id="menu">
<a href="#" class="active">Home</a>
<a href="#">About</a>
<a href="#">Services</a>
<a href="#">Contact</a>
</div>
<!-- Main Content -->
<div class="content">
<h1>Welcome to my website!</h1>
<p>This is the main content of my website.</p>
</div>
</body>
</html>
```
你可以将上述代码复制到文本编辑器中,并将其保存为 .html 文件,然后在浏览器中打开该文件以查看效果。
阅读全文