练习写网页（静态） two

最新推荐文章于 2024-03-23 18:05:29 发布

月亮不营业

最新推荐文章于 2024-03-23 18:05:29 发布

阅读量110

点赞数 1

分类专栏：笔记网页文章标签： html html5 css css3

本文链接：https://blog.csdn.net/qq_46440394/article/details/118412530

版权

本文探讨了如何在网页设计中实现每个内容区块宽度一致的技巧，通过为每个区块设置固定的宽度并应用margin: 0 auto;实现居中对齐。这确保了页面元素在不同屏幕尺寸下保持良好的视觉效果。

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

在这里插入图片描述

<header>
    <nav>
        <img src="../素材/image/logo.png" alt="">
        <ul class="list1">
            <li>Home</li>
            <li>Who is Red Bilby</li>
            <li>Services</li>
            <li>Portfolio</li>
            <li>Testimonials</li>
            <li>Blog</li>
            <li>Quote</li>
            <li>Contact</li>
        </ul>
    </nav>
    <div>
        <img src="../素材/image/banner.png" alt="">
    </div>
</header>

<main>
    <section class="section1">
        <ul class="list2">
            <li>
                <img src="../素材/image/img1.png" alt="">
                <h3>WEBSITES</h3>
                <p>We make handcrafted websites for</p>
                <p>your business. We handle</p>
                <p>everything from registering your</p>
                <p>Domain name to hosting.</p>
            </li>
            <li>
                <img src="../素材/image/img2.png" alt="">
                <h3>PRINT</h3>
                <p>We design for print. From books to</p>
                <p>business cards, if you need</p>
                <p>something designed for print - we</p>
                <p>can do it.</p>
            </li>
            <li>
                <img src="../素材/image/img3.png" alt="">
                <h3>BRANDING</h3>
                <p>We design new logos and refresh</p>
                <p&