边框的一些知识点

原创 2019-03-09 00:23:51 299
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>边框</title><style>        *{margin:0;padding:0;}      &nbs
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>边框</title>
<style>
        *{margin:0;padding:0;}
        div{float:left;margin:20px 40px;}
        .box1{width:200px;height:200px;border:1px solid red;}
        .box2{width:200px;height:200px;border:1px solid red;border-radius:25px;}
        .box3{width:200px;height:200px;border:1px solid red;box-shadow:20px 15px 5px #ccc;}
        .box4{width:200px;height:200px;/*border:1px solid red;*/box-shadow:0px 5px 30px #ccc inset;}
</style>
</head>
<body>
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
</body>
</html>



批改老师:查无此人批改时间:2019-03-09 09:18:54
老师总结:完成的不错。边框处理好,会让页面有层次感,继续加油。

发布手记

热门词条