<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>盒模型相关</title>
<style type="text/css">
div
{
margin-left:15px;
margin-top:15px;
width:400px;
height:30px;
background-color:#3FF;}
div.block
{
display:block;/*独占一行,可以设置宽和高*/
}
div.inlineblock
{
display:inline-block;/*不独占一行,可以设置宽和高*/
}
div.inline
{
display:inline;/*不独占一行,不可以设置宽和高*/
}
</style>
</head>
<body>
<div>
<div class=" block">div默认block类型</div>
<div class="block">div默认block类型</div>
<div class="inlineblock">inlineblock盒型</div>
<div class="inlineblock">inlineblock盒型</div>
<div class="inline">inline盒型</div>
<div class="inline">inline盒型</div>
</div>
</body>
</html>
23、实例 盒模型相关
最新推荐文章于 2022-08-03 17:28:12 发布