サマリー：<!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;
/* 設(shè)置邊框陰影 insert:設(shè)置向內(nèi)陰影; */
box-shadow: 5px 10px 15px #ccc;
}
.yuan{
width: 100px;height: 100px;border: 1px solid #ccc;
/* 設(shè)置左上角*/
border-top-left-radius: 5px;
/*設(shè)置右小角*/
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
先生のまとめ：完成的不錯。下次把代碼縮進(jìn)，看著整潔。繼續(xù)加油