????：<!DOCTYPE html> <html> <head> <mete charcet="utf-8"> <title>學習css第三節(jié)課—css盒模型</title >
<!DOCTYPE html>
<html>
<head>
<mete charcet="utf-8">
<title>學習css第三節(jié)課—css盒模型</title >
<link rel ="shotcut icon" type="image/x -icon" herf="images/1.jpg">
<link rel ="stylesheet" type="text /css“ herf="css/index.css">
<style type="text/css">
.box{width:100px;height: 100px;border-top: 1px solid red;background: #ccc;border-left； 1培訓 solid red; }
.main{width:100px;height: 100px;border: 1px dotted #ccc;border-radius:50px; }
button{border:none;}
.shadow{width 300px;height: 40px;box-shadow:6px 30px 20px #ccc inset;}
</style>
</head>
< body>
<div class="box"></div>
<div class="main"></div>
<button>登錄</button>
<div class="shadow"></div>
</body>
?? ???：滅絕師太?? ??：2019-03-26 16:46:01
???? ??：布局是浮動的使用要注意的是清除浮動哦!注意測試一下!