摘要：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>邊框類型</title> <style type="text/css"> .box{ width: 100px;height: 100px;border:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>邊框類型</title>
<style type="text/css">
.box{
width: 100px;height: 100px;border: 1px solid red;
}
.sha{
width: 100px;height: 100px;background: blue;
border: 1px solid #ccc;
/* 設置邊框陰影 insert:設置向內陰影; */
box-shadow: 5px 10px 15px #ccc;
}
.yuan{
width: 100px;height: 100px;border: 1px solid #ccc;
/* 設置左上角*/
border-top-left-radius: 5px;
/*設置右小角*/
border-bottom-right-radius: 5px;
}
</style>
</head>
<body>
<!-- 給DIV加入邊框 -->
<div class="box"></div>
<!-- 顯示陰影 -->
<div class="sha"></div>
<!-- 邊框圓角 -->
<div class="yuan"></div>
</body>
</html>
批改老師：查無此人批改時間：2019-03-15 09:20:48
老師總結：完成的不錯。下次把代碼縮進，看著整潔。繼續(xù)加油