学习测试学习测试

Original 2019-04-10 17:41:03 286
abstract:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>四

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1">

<title>四源色印刷</title>

<style type="text/css">

.no1{width: 500px;height: 500px;border: 3px /* solid */ /* double */ /* dashed */ dotted red; border-radius: 250px;}

.no2{width: 500px;height: 300px;border-top: 2px  solid aqua;background: #ccc;margin-top: 20px;

border-left: 2px solid red ; border-right: 2px solid royalblue  ;  border-bottom: 2px solid royalblue  ;  }

button{border: none;}

.shadow{width: 300px; height: 40px;box-shadow: 0px 6px 30px #ccc inset;/* border: 1px solid red; */  margin-top: 60px; }

</style>

</head>

<body>

<div class="no1"></div>

<div class="no2"></div>

<button>按钮</button>

<div class="shadow"></div>


</body>

</html>


Correcting teacher:天蓬老师Correction time:2019-04-11 09:15:33
Teacher's summary:对于盒模型来说, 最有意思的就是边框, 因为内外边距是透明的, 除了宽度, 没有什么可设置的, 边框就不同的, 除了宽度, 还有样式和颜色

Release Notes

Popular Entries