通过HTML和CSS设计一个静态网页（练习实例，附完整代码）

最新推荐文章于 2024-09-14 08:09:14 发布

微子细

最新推荐文章于 2024-09-14 08:09:14 发布

阅读量9.9w

收藏 1.4k

点赞数 175

分类专栏： CSS 练习实例 HTML 文章标签： CSS 静态网页前端

本文链接：https://blog.csdn.net/qq_34243694/article/details/94590301

版权

这篇博客介绍了一次通过HTML和CSS设计静态网页的实践过程，引用了千古壹号在GitHub上的项目作为示例，目标网页为博雅互动网站。读者可以参考完整代码进行学习。

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

本文笔记基于「千古壹号」的GitHub项目：https://github.com/qianguyihao/web

网页原址：博雅互动

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>博雅互动-博雅德州扑克下载|博雅斗地主下载|博雅麻将下载|iPhone|Android|手机下载</title>
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        .header {
            width: 100%;
            height: 58px;
            background-color: #191D3A;
        }

        .inner {
            width: 1000px;
            height: 58px;
            margin: 0 auto;
            clear: both;
        }

        .inner .logo {
            float: left;
            width: 225px;
            height: 44px;
            margin: 7px 0;
        }

        .header .nav {
            float: left;
            height: 58px;
        }

        .header .inner .navs #current {
            color: #E2E4ED;
            background-color: #252947;
        }

        .header .inner .navs a {
            float: left;
            width: 85px;