border、padding与margin


场景:鼠标悬停出现内边框,位置不是写死的,所以导致li上下动。

解决:添加padding。且padding值 = -border里的数字。

border: #00FFFF 5px inset;
margin: -5px;

PS:如果是外边框,就添加margin。

border: #00FFFF 5px inset;
padding: -5px;

(一开始我想反了,觉得内边框加padding。因为觉得内边框在里面,内容撑大了盒子所以要padding为负来解决。)

但刚好相反。

  • 另外,关于border颜色不一。

原先:

border: #00FFFF 5px inset; 

改成solid:

border: #00FFFF 5px solid;


文章作者: polariis
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 polariis !
评论
  目录