css 画个斜线背景

最新推荐文章于 2024-11-11 12:13:33 发布

止语之语

最新推荐文章于 2024-11-11 12:13:33 发布

阅读量572

点赞数

分类专栏： css 微信小程序文章标签： css 前端

本文链接：https://blog.youkuaiyun.com/qq_36685539/article/details/130829658

版权

css 同时被 2 个专栏收录

18 篇文章

订阅专栏

微信小程序

4 篇文章

订阅专栏

该文章介绍了一种利用CSS的repeating-linear-gradient属性创建一个带有斜线透明背景的效果，用于表示数据是否达到平均值。通过调整颜色和间隔，可以清晰地展示数值是低于还是超过平均线。CSS样式包括border-radius、height、color和position等属性的设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个斜线透明背景做平均值显示

未达平均值
在这里插入图片描述
超越平均值

border-radius: 5px;
height: 18px;
color: white;
position: relative;
background-image: repeating-linear-gradient(114deg, transparent 4px, transparent 7px,#00000036 8px, #00000036 9px );