盒模型边框阴影部分

原创 2018-11-07 11:52:40 177
摘要:<!DOCTYPE html><html><head>   <meta charset="utf-8"> <title>第十和十一节盒模型</title>    <link rel="shortcut icon" type="ima
<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
<title>第十和十一节盒模型</title>
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <style type="text/css">
        .box{padding-left:50px; padding-top:20px;background:red;width:100px;}
        .main{height:100px;width:100px;margin-top:30px;margin-left:100px;border:1px solid yellow;height:100px;width:100px;background:yellow;}
        .shadow{height:100px;width:200px;border:1px solid red;margin-top:40px;margin-left:50px;box-shadow:20px 30px 20px black inset;}
    </style>
</head>
<body>
     <div class="box">php中文网</div>
     <div class="main"></div>
     <div class="shadow"></div>
</body>
</html>


批改老师:韦小宝批改时间:2018-11-07 11:55:39
老师总结:写的还可以!但是没有自己的理解和总结的描述!下次记得加咯!加油吧!

发布手记

热门词条