abstract：<!DOCTYPE html><html><head> <title>css第三節(jié)課 中的邊框樣式</title> <style type="text/css"> *{padding: 0px;margin: 0px;} .box {width: 100px;height: 100px; border:
<!DOCTYPE html>
<html>
<head>
<title>css第三節(jié)課 中的邊框樣式</title>
<style type="text/css">
*{padding: 0px;margin: 0px;}
.box {width: 100px;height: 100px; border: 1px solid red;border-radius: 50px;}/*border-radius 設置圓角*/
.main {}/*控制上下左右都同理*/
button {border: none;}
.shadow {width: 500px;height: 100px; background: pink; box-shadow: 3px 3px 50px red; margin: 50px auto;}/*box-shadow 第一個值是x軸，第二個值是y軸，第三個值是陰影寬度，第四個是顏色，第五個值加上inset說明是向內的*/
</style>
</head>
<body>
<div class='box'></div>
<div class="main"></div>
<div class="shadow"></div>
<button>登陸</button>
</body>
</html>
Correcting teacher：滅絕師太Correction time：2019-03-02 09:10:04
Teacher's summary：總結的不錯!后面的效果會更加精彩!繼續(xù)加油吧!