用css往网页里面插入“盒子”

1、代码。

2、效果。

3、<div>标签表示一类盒子；

这里重新定义了这类盒子的属性：

div{background-color:blue;width:300px;border:25px solid green;padding:25px;margin:25px;}

4、定义两类盒子：

div.a1{background-color:blue;width:300px;border:25px solid green;padding:25px;margin:25px;}

div.a2{background-color:red;width:300px;border:25px solid pink;padding:25px;margin:25px;}

5、注意调用某一类盒子的方法：

<div class='a1'>绿色盒子</div>

<div class='a2'>红色盒子</div>