HTML 进阶-第二篇：盒模型的边框与外边距

HTML 进阶-第二篇：盒模型的边框与外边距

一、边框属性

在 HTML 盒模型中，边框为元素提供了明确的边界界定，通过 border-width、border-style 和 border-color 这三个属性，我们能够灵活地控制边框的外观。

（一）边框宽度（border-width）

border-width 用于指定边框的粗细程度，其取值可以是具体的长度值，如 border-width: 1px;（表示边框宽度为 1 像素），也可以使用相对值如 thin、medium、thick。其中，thin 通常对应较细的边框，medium 为中等粗细（默认值），thick 则表示较粗的边框。例如：

div {
   
   
    border-width: thick