这篇博客展示了如何使用HTML和CSS创建一个简单的垂直菜单。通过CSS设置样式，实现了菜单项的无序列表显示，每个菜单项具有固定宽度、背景色、文字颜色，并在鼠标悬停时改变背景色。菜单包括'首页'、'课程'、'计划'、'文章'和'关于'五个选项。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>垂直菜单</title>
<style type="text/css">
*{margin: 0;padding: 0;font-size: 15px}
ul{
list-style: none;
width: 100px;
}
a{
text-decoration: none;
display: block;
background-color: #201717;
color: red;
<html lang="en">
<head>
<meta charset="UTF-8">
<title>垂直菜单</title>
<style type="text/css">
*{margin: 0;padding: 0;font-size: 15px}
ul{
list-style: none;
width: 100px;
}
a{
text-decoration: none;
display: block;
background-color: #201717;
color: red;
最低0.47元/天 解锁文章
552
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
