CSS盒模型

最新推荐文章于 2025-08-06 16:35:17 发布

原创最新推荐文章于 2025-08-06 16:35:17 发布 · 668 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#css

CSS 专栏收录该内容

4 篇文章

订阅专栏

本文深入解析了网页布局中盒模型的重要属性：border（边框）、padding（内边距）和margin（外边距）。通过具体设置方法的介绍，帮助开发者掌握如何精确控制元素的边界，实现更灵活、美观的网页设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

盒模型的三个属性：margin，border，padding。设置方法如下：


1. border
(1) 
border:2px  solid  red;
(2)
border-width:2px;
border-style:solid;
border-color:red;
(3)	
border-bottom:1px solid red;
border-top:1px solid red;
border-right:1px solid red; 
border-left:1px solid red;


2. padding/margin
(1)
padding:20px 10px 15px 30px;
(2)
padding-top:20px;
padding-right:10px;
padding-bottom:15px;
padding-left:30px;