个人的前端JavaScript开发技术总结!
当前位置: 主页 > JavaScript >

【Web前端HTML5&CSS3】08-盒模型补充

时间:2021-06-22 22:21来源:未知 作者:admin 点击:
盒模型补充及田径场实战 1. 盒子大小 默认情况下,盒子可见框的大小由内容区、内边距和边框共同决定 box-sizing 用来设置盒子尺寸的计算方式(设置width和height的作用) .box { width: 20

盒模型补充及田径场实战

1. 盒子大小

默认情况下,盒子可见框的大小由内容区、内边距和边框共同决定

box-sizing用来设置盒子尺寸的计算方式(设置width和height的作用)

.box {
    width: 200px;
    height: 200px;
    background-color: yellow;
    border: 10px red solid;
    /* box-sizing: content-box; */
    box-sizing: border-box;
}

可选值:

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
推荐内容