导航条和翻页代码

hugooood

于 2017-11-05 16:10:42 发布

阅读量760

点赞数

分类专栏： css html 前端

本文链接：https://blog.youkuaiyun.com/hugo2052/article/details/78450080

版权

本文介绍了如何实现网页的翻页功能，包括静态页面的翻页实现，并详细讲解了导航条的创建，特别是带竖线分隔符的导航条样式，以及探讨了多种常见的导航条类型。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.翻页的静态页面实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .fy{
            width:958px;
            height:40px;
            list-style:none;
            border:1px solid red;
            padding:0;
            text-align:center;
        }

        .fy li{
            display:inline-block;

            line-height:40px;
            font-size:12px;
        }
        .fy a{
            font-family:'Microsoft Yahei';
            color:#000;
            background-color:gold;
            padding:5px 10px;
            text-decoration:none;
        }

        .fy span{
            background-color:#fff;
        }
    </style>
</head>
<body>
    <ul class="fy">
        <li><a href=

最低0.47元/天解锁文章