css卡片样式

最新推荐文章于 2025-05-12 13:57:27 发布

cc_com

最新推荐文章于 2025-05-12 13:57:27 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

文章标签： css css3 js html jquery

本文链接：https://blog.csdn.net/k858k/article/details/118625508

本文介绍了一种独特的CSS样式设计方法，通过使用线性渐变背景、精确的边距及高度设置，以及阴影效果来增强用户体验。该样式适用于卡片式布局，能够为用户提供更加丰富和美观的视觉效果。

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

.view-1-user-card {
            margin: 20px 5% 10px 5%;
            height: 124px;
            width: 90%;
            background: linear-gradient(
                    156deg
                    , #56c4ff 2%, #2b91ff 85%);
            border-radius: 8px;
            box-shadow: 0px 0px 8px 0px rgb(43 145 255 / 58%);
        }