盒模型的简单运用

原创 2018-11-03 16:54:04 232
摘要:HTML盒模型 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin:0; p
HTML盒模型
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.box1{
border:1px solid black;
border-bottom-style:hidden;
border-right-color:red;
width:500px;
height:500px;
/*background:blue;*/
}
.box2{
width:500px;
height:500px;
background:yellow;
border:10px solid blue;
border-right:none;

}
</style>
</head>
<body>
<div>

</div>
<div>

</div>
</body>
</html>


批改老师:韦小宝批改时间:2018-11-03 16:58:15
老师总结:写的没毛病哦!下次记得带上总结哦!继续努力吧!

发布手记

热门词条