HTML5 第七章浮动课后作业

最新推荐文章于 2024-05-12 22:04:10 发布

tb19930719

最新推荐文章于 2024-05-12 22:04:10 发布

阅读量6.7k

点赞数 10

本文链接：https://blog.csdn.net/tb19930719/article/details/80795547

版权

				HTML5 第七章浮动课后作业
制作摄影社区热门小镇
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>摄影社区热门小镇</title>
    <style>
        #zhuti{
            border: 1px solid gray;
            width: 900px;
            height: 350px;
            margin: 0px auto;
        }
        .one{
            width: 250px;
            height: 100px;
            display: inline-block;
            margin: 20px;
        }

        li{
            list-style: none;
            font-size: 15px;
            line-height: 4px;
            text-indent: 1em;
            padding-top: 0px;
        }
        span{
            width: 70px;
            height: 70px;
            border: 1px solid gray;
            border-radius: 8px;
            float: left;
            margin: 10px;
        }
        img{
            width: 60px;
            height: 60px;
            margin:5px;
        }
        a{
            text-decoration: none;
            color: #2e75bc;
        }
        .tou{
            text-indent: 2em;
            color: #4d4d4d;
        }
        li p{
            color: #999999;
            line-height: 10px;
        }
    </style>
</head>
<body>
<div id="zhuti">
    <p class="tou">摄影社区热门小镇</p>

<div class="one">
    <span><img src="movie/pic_01.jpg"></span>
    <ul>
        <li><a href="#">风景狙击手</a>
            <p>成员：80</p>
            <p>作品：276 </p></li>
    </ul>
</div>
    <div class="one">
        <span><img src="movie/pic_02.jpg"></span>
        <ul>
            <li><a href="#">叙事感</a>
            <p>成员：235</p>
            <p>作品：116 </p></li>
        </ul>
    </div>

    <div class="one">
        <span><img src="movie/pic_03.jpg"></span>
        <ul>
            <li><a href="#">定焦视界</a>
                <p>成员：56 </p>
                <p>作品：456</p> </li>
        </ul>
    </div>

    <div class="one">
        <span><img src="movie/pic_04.jpg"></span>
        <ul>
            <li><a href="#">中画幅乐园</a>
                <p>成员：1

最低0.47元/天解锁文章

tb19930719

关注

10
点赞
踩
24

收藏

觉得还不错? 一键收藏
0
评论
HTML5 第七章浮动课后作业

HTML5 第七章浮动课后作业制作摄影社区热门小镇&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;摄影社区热门小镇&lt;/title&gt; &lt;style&gt;
复制链接

扫一扫