元素hover时 加边框 或 边框加粗 元素不抖动

方法一

提前加边框，先给元素加上 n `(hover时候显示多少像素边框宽度)` 像素的边框，颜色和背景色一样、
或者把边框颜色设置成透明度为0，border: npx solid rgba(0,0,0,0)，hover的时候改变边框颜色和透明度

方法二

用padding替边框先占位，hover的时候再将位置还给边框 `(让padding 与 边框的值 此消彼长)`

也就是说加入我原本边框为 0 或者 其他值，我想实现当hover的时候边框为3px且不抖动，
就可以先设置一个3px的padding；hover的时候，padding设为0，border设为3px；

.normal{
    border: 1px solid #cccccc;
    padding: 2px;
}

.normal:hover{
    border: 3px solid #ff5400;
    padding: 0px;
}

方法三

设置 box-sizing: border-box;