HTML5和CSS3开发第七章课后作业

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

suixinCaesar

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

阅读量3.7k

点赞数 1

分类专栏： Java使用HTML5和CSS3开发

本文链接：https://blog.csdn.net/suixinCaesar/article/details/80796713

版权

3.制作摄影社区热门小镇页面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>摄影社区热门小镇</title>
    <style>
        *{padding: 0px;margin: 0px}
        p{
            margin: 10px 10px;
            font-size: 15px;
            color: #4F5153;
        }
        div:after{
            content: "";
            display: block;
            clear: both;
        }
        img{
            border: 3px solid #E0E0E8;
        }
        dl dd{
            margin: 10px 50px 20px 10px;
            float: left;
        }
        dd ul{
            margin-left: 15px;
            font-size: 12px;
            color: gray;
        }
        ul li{
            list-style-type: none;
        }
        ul li:first-of-type{
            font-size: 14px;
            color: #4987C5;
            margin-bottom: 6px;
        }
        dl dd:nth-of-type(3){
            margin-left: 48px;
        }
    </style>
</head>
<body>
    <div style=" width: 750px;margin: 50px auto;">
        <div style="border: 1px solid gray">
            <p>摄影社区热门小镇</p>
            <dl class="info" >
                <dd style="">
                    <img src="images/homework3/pic_01.jpg" style="float: left">
                    <ul style="display: inline-block">
                        <li>风景狙击手</li>
                        <li>成员：80</li>
                        <li>作品：276</li>
                    </ul>
                </dd>
                <dd >
                    <img src="images/homework3/pic_02.jpg" style="float: left">
                    <ul style="display: inline-block">
                        <li>叙事感</li>
                        <li>成员：235</li>
                        <li>作品：116</li>
                    </ul>
                </dd>
                <dd >
                    <img src="images/homework3/pic_03.jpg" style="float: left">
                    <ul style="display: inline-block">
                        <li>定焦视界</li>
                        <li>成员：56</li>
                        <li>作品：

最低0.47元/天解锁文章

suixinCaesar

关注

1
点赞
踩
22

收藏

觉得还不错? 一键收藏
0
评论
HTML5和CSS3开发第七章课后作业

3.制作摄影社区热门小镇页面。&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; *{paddin
复制链接

扫一扫