CSS盒子属性（前半部分缺失）
CSS盒子属性
边距
内边距：padding
外边距：margin
让盒子水平居中：
margin: 0 auto;
父元素与子元素外边距合并
添加overflow:hidden属性
<title>嵌套块元素坍塌</title>
<style>
.father {
margin: 30px;
background-color: black;
width: 300px;
height: 300px;
/* 解决元素坍塌 */
overflow: hidden;
}
.son {
margin: 20px;
background-color: orange;
height: 100px;
width: 100px;
}
</style>
</head>
<body>
<div class="father">
<p class="son"></p>
</div>
</body>
清除内外边距
各浏览器有不同的默认边距，因此需要清除内外边距
* {
margin: 0;
padding: 0;
}
圆角边框
border-radius: 数值或百分比;（简写）
圆：50%
border-radius:左上角 右上角 右下角 左下角
阴影
盒子阴影
box-shadow: h-shadow v-shadow blur spread color inset;
注：spread可以是负数
文字阴影
text-shadow: h-shadow v-shadow blur color
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· winform 绘制太阳，地球，月球 运作规律
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾（3.3-3.9）