当前位置: 首页 > Web前端 > HTML

CSS多重背景还原设计稿

时间:2023-04-02 23:51:09 HTML

当UI给你如下图的设计稿时,你会怎么裁图?是除了文字部分全部剪掉,还是只剪掉小房子和建筑部分?如果你的选择是把除文字以外的所有部分都剪掉,那么你需要往下看分析上面两张图主要由文字、图片、背景组成。第一张图比较简单:文字+图片+渐变背景第二张图稍微复杂一点:文字+背景图片+渐变背景对于CSS背景的使用,很多同学认为只能单独使用,比如:background:#fff,background:url(xxx.jpg),background:linear-gradient()其实可以组合使用,比如:background:#fffurl(xxx.jpg)background:linear-gradient(),url(xxx.jpg)background:linear-gradient(),linear-gradient()代码实现

Apartment
ForYou

LoremIpsum段落有多种变体可用

属性

有很多可用LoremIpsum段落的变体