0
点赞
收藏
分享

微信扫一扫

如何使用padding空间来做css

想溜了的蜗牛 2022-07-14 阅读 45

单元素做单选按钮

background-clip: border-box|padding-box|content-box;


border-box

背景被裁剪到边框盒。(默认属性)

padding-box

背景被裁剪到内边距框。

content-box

背景被裁剪到内容框。

content-box 使用方法

.presell-solid{
margin-left: 10rpx;
width: 24rpx;
height: 24rpx;
padding: 4rpx;
border:4rpx solid #999;
background: #999;
background-clip:content-box; //核心方法 padding部分不计入背景色
border-radius: 14rpx;
}

<view class="presell-solid"></view>

如何使用padding空间来做css_padding

也可使用padding-box;

举报

相关推荐

0 条评论