【CSS】简易的页面侧边栏导航

最新推荐文章于 2024-07-31 17:45:09 发布

邹大叔

最新推荐文章于 2024-07-31 17:45:09 发布

阅读量6.8k

点赞数 5

分类专栏： CSS 文章标签： css

本文链接：https://blog.csdn.net/zuncle/article/details/54945439

版权

本文展示了如何使用CSS创建一个简单的页面侧边栏导航。通过提供的测试代码和演示链接，读者可以了解并实践这一实现过程。

摘要由CSDN通过智能技术生成

这里写图片描述

演示地址：点我

测试代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        /*左侧边栏*/
        a{
            text-decoration: none;
        }
        .sideBar {
            position: fixed;
            left: 20px;
            top: 35%;
        }
        .sideBar .ftName {
            position: relative;
        }
        .sideBar dl dd {
            position: relative;
            width: 80px;
            height: