摘要：<!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 設(shè)置圓角*/
.main {}/*控制上下左右都同理*/
button {border: none;}
.shadow {width: 500px;height: 100px; background: pink; box-shadow: 3px 3px 50px red; margin: 50px auto;}/*box-shadow 第一個(gè)值是x軸，第二個(gè)值是y軸，第三個(gè)值是陰影寬度，第四個(gè)是顏色，第五個(gè)值加上inset說(shuō)明是向內(nèi)的*/
</style>
</head>
<body>
<div class='box'></div>
<div class="main"></div>
<div class="shadow"></div>
<button>登陸</button>
</body>
</html>
批改老師：滅絕師太批改時(shí)間：2019-03-02 09:10:04
老師總結(jié)：總結(jié)的不錯(cuò)!后面的效果會(huì)更加精彩!繼續(xù)加油吧!