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

最新推荐文章于 2024-10-11 10:07:18 发布

原创

最新推荐文章于 2024-10-11 10:07:18 发布 · 6.9k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#css

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

这里写图片描述

演示地址：点我

测试代码如下：

<!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: