一个简单的盒子可以使用以下代码来创建:
.box { width: 200px; height: 200px; background-color: #eee; border: 1px solid #000; }
在这个例子中,大家为盒子定义了四个样式:宽度、高度、背景颜色和边框。通过给盒子设置宽和高,它就被定义为一个正方形。大家将背景颜色设置为浅灰色,并添加了一个黑色的1像素边框。
可以将类名“box”添加到HTML元素中,如下:
<div class="box"></div>
现在大家已经创造了一个简单的盒子。你可以根据需要进一步添加风格。比如,你可以添加更多的边框样式、内边距或阴影效果。
希望这个简短的指南能够帮助你创建漂亮的网页设计!