/* 定义左边栏的样式 */ .left-sidebar { position: fixed; /* 固定定位,随着页面滚动而不受影响 */ top: 0; left: 0; width: 200px; /* 左边栏的宽度 */ height: 100%; /* 左边栏的高度 */ background-color: #f2f2f2; /* 左边栏的背景色 */ border-right: 1px solid #e6e6e6; /* 给左边栏添加一条右边框,提升美观度 */ overflow-y: scroll; /* 如果左边栏内容过多,可以添加滚动条 */ } /* 定义左边栏中具体内容的样式 */ .left-sidebar-content { padding: 20px; /* 左边栏内容的内边距 */ font-size: 16px; /* 左边栏内容的字体大小 */ color: #333333; /* 左边栏内容的字体颜色 */ }
通过以上代码,就可以快速创建一个简单的左边栏了。当然,左边栏的样式还可以根据具体需求进行调整。