在CSS中,盒子指的是元素的外观。每个元素都可以看作是一个矩形盒子,包括了元素的内容、内边距和边框线框,还有可能包含外边距和背景颜色或图片等。
例子: .Box { width: 200px; height: 100px; padding: 10px; border: 1px solid black; margin: 20px; background-color: #ccc; }
上面的例子就定义了一个名为.Box的盒子。它的宽度和高度分别为200px和100px,内边距为10px,边框为1px固定黑色实线,外边距为20px,背景颜色为灰色。
由于CSS中盒子模型定义了元素的外观,因此我们可以对盒子进行各种样式的设置,比如调整宽高、内外边距、边框及背景等等。通过设置这些属性,我们可以让盒子展现出不同的样式和效果,让页面更加美观。