abstract：在這些課程當(dāng)中我學(xué)到了html的標(biāo)簽以及表單.a連接.ui.li.表格.p標(biāo)簽、div的使用方法、在css當(dāng)中學(xué)會了怎么用css語法去控制div 以及文字的調(diào)整 和內(nèi)邊距 以及外邊距的一個寫法 給div加邊框 調(diào)整邊框的線有虛線 實線 終點線 雙線的用法，還有清除邊框的寫法 控制外陰影以及內(nèi)陰影<!DOCTY
在這些課程當(dāng)中我學(xué)到了html的標(biāo)簽以及表單.a連接.ui.li.表格.p標(biāo)簽、div的使用方法、在css當(dāng)中學(xué)會了怎么用css語法去控制div 以及文字的調(diào)整 和內(nèi)邊距 以及外邊距的一個寫法 給div加邊框 調(diào)整邊框的線有虛線 實線 終點線 雙線的用法，還有清除邊框的寫法 控制外陰影以及內(nèi)陰影
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="index/css">
<link rel="shortcut" type="image/X-icon" href="image/1.jpg">
<style type="text/css">
body{background-color: #4E9BEB;}
.box{width: 100px;height: 100px;border: 2px solid #ccc;}
.oxd{width: 100px;height: 100px;border: 2px dashed #175DA2;margin-top: 10px;}
.rui{width: 100px;height: 100px;border:2px dotted #E549F2;margin-top: 10px; }
.ord{width: 100px;height: 100px;border:2px double #4B15A7;margin-top: 10px; }
.uid{width: 100px;height: 100px;margin-top: 10px;border-left: 2px solid #913E2C; background: #ccc;}
.but{width: 150px;height: 150px;margin-top: 5px;border-right:2px solid red;background: #390808;}
.and{width: 400px;height: 60px;margin: 10px;box-shadow: 0px 10px 40px red inset;border: 1px solid #ccc;}
.bat{width: 500px;height: 80px;border: 2px solid red;border-radius: 50px 50px 50px 50px;}
</style>
</head>
<body>
<div class="box"></div>
<div class="oxd"></div>
<div class="rui"></div>
<div class="ord"></div>
<div class="uid"></div>
<div class="but"></div>
<div class="and"></div>
<div class="bat"></div>
</body>
</html>
Correcting teacher：天蓬老師Correction time：2018-12-04 15:15:57
Teacher's summary：在盒模型中, 邊框最好玩, 因為他不像內(nèi)外邊距, 是透明的,只能設(shè)置寬度, 邊框有樣式,還有顏色,可以實現(xiàn)很多有趣的功能