这篇博客展示了如何使用HTML和CSS实现京东风格的左侧导航栏。通过CSS样式，实现了背景颜色、链接样式、鼠标悬停效果以及二级菜单的布局。内容包括导航栏的结构设计和各个部分的样式设定，有助于前端初学者理解网页元素布局和美化。
<link rel="stylesheet" href="./css/reset.css">
<style>
body{
background-color: #bfa;
}
ul{
width: 190px;
height: 450px;
margin-top: 10px;
background-color: #FEFEFE;
padding: 10px 0 10px 0;
margin: 50px auto;
}
li{
height: 25px;
padding: 0 0 0 18px;
line-height: 25px;
/* 要让一个文字在父元素中垂直居中，只需将父元素的line-height设置为一个和父元素heigh一样的值 */
}
a{
text-decoration: none;
color: #333;
font-size: 14px;
}
a:hover{
color:#c81623;
}
li:
最低0.47元/天 解锁文章
扫一扫
1163
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
