边框练习-边框,阴影,圆角-190318

Original 2019-03-18 16:54:16 239
abstract:<!DOCTYPE html><html><head>    <meta charset="utf-8">    <title>图片边框练习</title>    <link rel="stylesheet" type=&

<!DOCTYPE html>

<html>


<head>

    <meta charset="utf-8">

    <title>图片边框练习</title>

    <link rel="stylesheet" type="text/css" href="demo2.css">

    <style>

        *{margin:0px;padding:0px;}

        div{

            width: 400px;

            /*边框*/

            border: 1px dashed #ccc;

            /*阴影*/

            box-shadow: 2px 2px 20px #ccc; 

            margin:30px auto; 

            border-radius : 10px ;

        }

    </style>

</head>

<body>

    <div>

    <img src="http://img.zcool.cn/community/0130d15acf6392a80121386742b344.gif@2o.png" alt="这是一个头像" width="400px">

    </div>

</body>

</html>


Correcting teacher:灭绝师太Correction time:2019-03-19 09:06:30
Teacher's summary:上课练习完成的不错 , 可以带入实际案例哦!

Release Notes

Popular Entries