<view class="demo"></view>
.demo{
width: 600rpx;
height: 300rpx;
border: 2rpx dashed transparent;
background: linear-gradient(white,white) padding-box,repeating-linear-gradient(-45deg,red 0, red 25rpx,white 0,white 45rpx);
}
长方型形一圈虚线
最新推荐文章于 2024-09-22 20:00:51 发布
这篇博客展示了如何使用CSS实现一个600rpx x 300rpx的元素,带有透明虚线边框和从白色到红色的45度渐变背景。通过`linear-gradient`和`repeating-linear-gradient`属性,创建了独特的视觉效果。
摘要由CSDN通过智能技术生成