CSS3是前端工程师必须熟悉的技术，其中涵盖了众多的功能。其中，CSS3 Box模型应用广泛，常常可以用来实现网页布局、排版等效果。下面，本文将从几个方面介绍CSS3 Box技巧。
一、Box Shadow
Box Shadow可以给元素添加阴影效果，可以实现出立体感和深度感。使用方式如下：
box-shadow: h-shadow v-shadow blur spread color inset;
其中，h-shadow和v-shadow表示水平和垂直阴影的位置；blur表示阴影的模糊程度；spread表示阴影的扩散程度；color表示阴影的颜色；inset表示内阴影。比如：
div {
box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}二、Border Radius
Border Radius可以给元素添加圆角效果，让元素看起来更加友好。使用方式如下：
border-radius: value;
其中，value可以是数值，也可以是%。比如：
div {
border-radius: 15px;
}三、Box Sizing
Box Sizing可以改变盒模型的计算方式，让盒模型更加符合人们的想法，减少出现问题的概率。使用方式如下：
box-sizing: content-box/border-box;
其中，content-box表示标准盒模型，border-box表示IE盒模型。比如：
div {
box-sizing: border-box;
}四、Box Resize
Box Resize可以控制元素是否可以改变尺寸，只需要在元素上添加resize属性即可。使用方式如下：
resize: none/both/horizontal/vertical;
其中，none表示不能改变尺寸，both表示水平和垂直都可以改变尺寸，horizontal表示水平可以改变尺寸，vertical表示垂直可以改变尺寸。比如：
div {
resize: both;
}五、Box Decoration Break
Box Decoration Break可以控制元素是否可以进行分段绘制，能够解决在元素中存在内部阴影或背景重复图片时的问题。使用方式如下：
box-decoration-break: clone/slice;
其中，clone表示沿着盒子边缘复制边框和背景，slice表示将边框和背景分割成多个小块。比如：
div {
box-decoration-break: clone;
}综上所述，CSS3 Box模型技巧涉及的功能较多，本文介绍了一些常用的技巧，更多的内容还需要读者自己去学习和掌握。