在 CSS3 中，我们可以使用多种属性来控制元素的大小和边框。这些属性包括 width、height、padding、margin、border 等。下面我们来详细介绍这些属性的用法。
width 属性
width 属性用于设置元素的宽度。可以使用像素值、百分比值或者其他长度单位来指定宽度。例如：
---- -
------ ------
-height 属性
height 属性用于设置元素的高度，与 width 属性类似，也可以使用不同单位来指定高度。例如：
---- -
------- ------
-padding 属性
padding 属性用于设置元素的内边距，即元素内容与边框之间的距离。可以设置上、右、下、左四个方向的内边距值，也可以同时设置四个方向的值。例如：
---- -
-------- ----- -- --------- ---- --
-------- ---- ----- -- ------ ----------- ---- --
-------- ---- ---- ---- ----- -- --- - - - - --
-margin 属性
margin 属性用于设置元素的外边距，即元素与其他元素之间的距离。同样可以设置上、右、下、左四个方向的外边距值，也可以同时设置四个方向的值。例如：
---- -
------- ----- -- --------- ---- --
------- ---- ----- -- ------ ----------- ---- --
------- ---- ---- ---- ----- -- --- - - - - --
-border 属性
border 属性用于设置元素的边框样式，包括边框的宽度、样式和颜色。可以分别设置上、右、下、左四个方向的边框属性。例如：
---- -
------- --- ----- ----- -- -- --- --------- --
----------- --- ------ ----- -- -- --- ---------- --
------------- --- ------ ----- -- -- --- ---------- --
-通过控制这些属性，我们可以轻松地调整元素的大小和边框样式，使网页布局更加灵活和美观。