outline-color属性设置轮廓的颜色

实例代码：

outline-width属性设置轮廓的宽度

实例代码：

outline-style属性设置元素的轮廓

轮廓的样式

• dotted - 定义点状的轮廓。
• dashed - 定义虚线的轮廓。
• solid - 定义实线的轮廓。
• double - 定义双线的轮廓。

元素的总宽度应该这样计算：

元素总宽度 = 宽度 + 左内边距 + 右内边距 + 左边框 + 右边框 + 左外边距 + 右外边距

元素的总高度应该这样计算：

元素总高度 = 高度 + 上内边距 + 下内边距 + 上边框 + 下边框 + 上外边距 + 下外边距

CSS 框模型实质上是一个包围每个 HTML 元素的框。它包括：外边距、边框、内边距以及实际的内容。

实例代码：

max-width 属性用于设置元素的最大宽度。

min-width 属性用于设置元素的最小宽度

实例代码：