html设置边框不填充颜⾊,css背景⾊不填充边框,css怎么写?background-color设置的背景⾊区域包括border和padding,所以如果设置的border是dotted或有透明度的那么通过border就可以看到设置的背景⾊
设置 @贺先森 提到的outline样式,可以在⽬标元素的border之外设置⼀个外边框样式,开始位置为⽬标元素的边框。这个样式不会影响⽬标元素的当前布局,这会引起⼀些问题,例如
.div_outline{
width: 100px;
div border属性height: 100px;
background-color: #ffe48d;
outline:dotted 10px red;
/*border: solid 10px rgba(249, 249, 249, 0.2);*/
}
.
div_border{
width: 100px;
height: 100px;
background-color: #00a23f;
border: dotted 10px rgba(249, 249, 249, 0.2);
}
我们将看到outline将会占据其它元素的位置
要解决这个问题,我们可以通过设置margin⽅式解决:
.div_outline{
width: 100px;
height: 100px;
margin: 10px 10px 10px 10px;
background-color: #ffe48d;
outline:dotted 10px red;
/*border: solid 10px rgba(249, 249, 249, 0.2);*/ }
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论