html – 多种背景颜色,css中的图像

发布时间：2020-12-24 23:54:02 所属栏目：资源来源：网络整理

导读：参见英文答案 Can I apply multiple background colors with CSS3?6个如何在CSS中为单个div提供多种背景颜色或图像？例如,我希望顶部是红色,然后中间是蓝色,底部是绿色. 解决方法单个线性渐变作为背景就足够了 background: linear-gradient(to bottom,red

参见英文答案 > Can I apply multiple background colors with CSS3?6个
如何在CSS中为单个div提供多种背景颜色或图像？例如,我希望顶部是红色,然后中间是蓝色,底部是绿色.

解决方法

单个线性渐变作为背景就足够了

background: linear-gradient(to bottom,red 0,red 33.33%,blue 0,blue 66.66%,green 0,green 100%
);

Example | Browser support

（编辑：衡阳站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!