提前加边框，先给元素加上 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;
方法一 方法二 方法三
CSS边框属性 元素的边框就是围绕元素内容和内边距的一条或多条线。 元素的边框属性： border 简写属性，用...
盒子模型 宽高：元素的宽高 外边距：距相邻元素或上级元素的距离 边框：元素的边框 内边距：内容距元素边框的距离 粘...
offsetLeft 该元素外边框距离包含元素内边框左侧的距离 offsetTop 该元素外边框距离包含元素内边框...
边框重叠 两个盒子的边框叠加，使得边框变粗，使用margin负值可解决 hover缺失 使用上面的margin负值...
本节我们来学习边框样式，主要包括如何设置边框的宽度、边框的颜色、边框的样式等。当我们给某个元素设置边框时，可以分为...
一、边框 几乎可以对所有元素定义边框。我们可以为div元素、img元素、span元素、table元素定义边框。 1...
CSS选择器 CSS注释 CSS列表属性 CSS边框属性：每个元素都可以加边框线 CSS内边距属性：边框线到内容间...
实现的原理 ：使用伪元素设置1px的边框，然后对边框进行缩放(scaleY)。 设定目标元素的参考位置。 给目标元...
1.浮动元素有什么特征？对父容器、其他浮动元素、普通元素、文字分别有什么影响?当浮动元素的边框触碰到父元素的边框或...
本文标题：元素hover时 加边框 或 边框加粗 元素不抖动
本文链接：https://www.haomeiwen.com/subject/pbnpkltx.html
网友评论