有点难以理解。。。。我觉得用padding和border好像没什么区别,视觉效果的差异不明显啊!
border是设置边框的,padding是设置内补白的,假如你设置了一个按钮,但是又不想设置它的宽和高,那么你怎么把它撑起来呢?这时候设置一个padding值就能达到你想要的效果了,但是你设置一个border值完全没什么用啊,按钮还是扁的,两个设置的地方都不一样
这个案例视觉效果没那么显眼,就拿最简单的文字嵌套图片来看,如果将border数值调高到一定程度,边框变大,小的图片设置border-box就贴近外边框,会被边框掩盖;而设置padding-box图片则会贴近内边框;设置content-box则图片和文字并排