padding margin broder区分

最新推荐文章于 2024-06-12 11:56:38 发布

wj305585378

最新推荐文章于 2024-06-12 11:56:38 发布

阅读量267

点赞数

本文详细解析了CSS中padding、margin与border的使用方法及其区别。padding用于设定元素内部内容与边框之间的距离；margin定义了元素与其他元素之间的距离；border则用于设置元素边界的样式和颜色。

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

padding：是框内的间距设置，比如你的宽高都是100像素，如值设置为10，那它的宽高度还是100像素，不过放置的内容宽高为80像素，内容已经压缩掉了。
　　margin：是框外的间距设置，宽高都是100像素，值设置为10，宽度这时会变成120像素，放置内容宽高还是100像素，内容容量不变。
　　broder：是边框线设置，默认的框是无色的，你可以直接用这属性来设置边框线及色彩，细线边框可以设置为1px #000 solid，这说明设置了一个颜色为黑色的细线边框。