CSS中盒子是构成网页内容的重要基本元素，可以用多种方式进行制作。其中，使用div元素并为其添加CSS样式是一种常见的制作方法。

/*CSS样式*/.box{width: 300px; /*盒子宽度*/height: 200px; /*盒子高度*/background-color: #eee; /*盒子背景颜色*/border: 1px solid #ccc; /*盒子边框*/border-radius: 5px; /*盒子边框圆角*/box-shadow: 2px 2px 5px #ccc; /*盒子阴影*/margin: 20px auto; /*盒子居中*/padding: 10px; /*盒子内边距*/text-align: center; /*盒子文本居中*/font-size: 20px; /*盒子字体大小*/}

上述CSS代码中定义了一个名为“box”的class样式，包括盒子宽度、高度、背景颜色、边框、边框圆角、阴影、居中、内边距、文本居中以及字体大小等。

在HTML页面中，可以通过以下方式来使用这个样式：

<div ><p>这是一个盒子</p></div>

在div元素中添加class属性，并将其值定义为box，即可应用上述CSS样式，生成一个宽度为300px、高度为200px的盒子，其中包含一段文本“这是一个盒子”。

除此之外，还可以通过伪类、子元素等多种方式进一步完善盒子样式，从而实现更多样式效果。