ASCII码 ASCII码

CSS盒子模型

发布于:2022-07-11 13:15:28  栏目:技术文档
  1. .box{
  2. width: 200px;
  3. height: 200px;
  4. border: 5px solid #232323;
  5. background-color: aqua;
  6. /* 裁切 */
  7. background-clip: content-box;
  8. margin: 20px;
  9. padding: 20px;
  10. /* 盒子计算方式,宽和高包含padding和border */
  11. box-sizing: border-box;
  12. /* 盒子计算方式,宽和高不包含padding和border */
  13. box-sizing: content-box;
  14. /* 简化方案:顺时针方向 */
  15. /* 上、右、下、左 */
  16. padding: 10px 20px 30px 40px;
  17. /* 上、左右、下 */
  18. padding: 10px 20px 30px;
  19. /* 上下、左右 */
  20. padding: 10px 20px;
  21. }
相关推荐
阅读 +