老师请问哪里还能优化下呢

来源:3-4 编程练习

Tiny丶

2019-05-26 23:28:35

<!DOCTYPE html>

<html>

<head>

    <style>

        *{

            margin:0;

            padding:0;

        }

        .hezi{

            width:816px;

            border:1px solid #999999;

            overflow:hidden;

        }

        .hezi img{

            width:250px;

        }

        .one{

            border:1px solid #9999CC;

            width:250px;

            float:left;

            margin:10px 10px;

        }

    </style>

</head>

<body>   

    <div class="hezi">

        <div class="one">

            <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" >

            <p>欢迎来到慕课网学习新知识!!</p>

        </div>

        <div class="one">

            <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" >

            <p>欢迎来到慕课网学习新知识!!</p>

        </div>

        <div class="one">

            <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" >

            <p>欢迎来到慕课网学习新知识!!</p>

        </div>

        <div class="one">

            <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" >

            <p>欢迎来到慕课网学习新知识!!</p>

        </div>  

        <div class="one">

            <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" >

            <p>欢迎来到慕课网学习新知识!!</p>

        </div>  

        <div class="one">

            <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" >

            <p>欢迎来到慕课网学习新知识!!</p>

        </div>          

    </div>

</body>

</html>


写回答

1回答

好帮手慕慕子

2019-05-27

同学你好,效果实现的很棒, 代码也很简洁, 棒棒哒! 可以不用优化了

欢迎采纳, 祝学习愉快~~

0

0 学习 · 40143 问题

查看课程