.example { width: 200px; height: 100px; border: 1px solid #ccc; padding: 10px; margin: 0 auto; }
以上代码设置了一个类名为example的元素盒子,宽度为200像素、高度为100像素,边框为1像素的灰色实线,内边距为10像素,外边距为上下0左右自动居中。通过这些属性的灵活掌控,可以轻松实现各种网页布局,并使页面更加美观。
不仅如此,方块属性还有很多细节设置,例如盒子的尺寸可以使用百分比值(如width:50%),也可以使用CSS3的新单位vw和vh来实现响应式设计;盒子的边框可以分别设置上下左右的边框宽度、颜色和样式,而内边距和外边距也可以设置分别的值,非常灵活。
总之,方块属性是CSS中非常重要的一类属性,对于网页布局和样式设计来说具有不可或缺的作用。