小计一下border-img 和border-radius不兼容的解决办法
下面展示一些 内联代码片
。
.ph-code>div {
width: 208px;
height: 80px;
border: 2px solid transparent;
background: linear-gradient(0deg, #FFE0CF, #FFF0DC);
margin-left: 26px;
font-size: 30px;
line-height: 80px;
position: relative;
border-radius: 12px;
background-clip: padding-box;
}
.ph-code>div::after {
content: '';
display: block;
position: absolute;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
border-radius: 12px;
background: linear-gradient(to right, #FFCC00, #FF9966);
z-index: -1;
}
效果图: