Python实战计划学习作业1-1

最新推荐文章于 2024-04-26 13:41:11 发布

python012

最新推荐文章于 2024-04-26 13:41:11 发布

阅读量416

点赞数

分类专栏： Python 文章标签： python web

本文链接：https://blog.csdn.net/python012/article/details/53106491

版权

Python 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

不是学习Python的第一天，跟随教程做了如下网页，问题来了，为啥中央3个图片不是居中的，右侧有多余空白。

作业截图

代码如下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
    <div class="header">
        <img src="images/blah.png">
        <ul class="nav">
            <li><a href="#">Home</a></li>
            <li><a href="#">Site</a></li>
            <li><a href="#">Others</a></li>
        </ul>
    </div>

    <div class="main-content">
        <h2>The Beach</h2>
        <hr>
        <div class="photos">
            <img src="images/0001.jpg" width="150">
            <img src="images/0002.jpg" width="150">
            <img src="images/0003.jpg" width="150">
        </div>
        <p>
            Three competing store owners rented adjoining shops in a mall. Observers waited for mayhem to ensue. The retailer on the right put up huge signs saying, "Gigantic Sale!" and "Super Bargains!"
The store on the left raised bigger signs proclaiming, "Prices Slashed!" and "Fantastic Discounts!" The owner in the middle then prepared a large sign that simply stated, "ENTRANCE".
        </p>
    </div>
    <div class="footer">
        <p>&copy;lifecoding</p>
    </div>
</body>
</html>

python012

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Python实战计划学习作业1-1

不是学习Python的第一天，跟随教程做了如下网页，问题来了，为啥中央3个图片不是居中的，右侧有多余空白。代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Hello World!</title> <link rel="stylesheet" type="text/css" hr
复制链接

扫一扫