css背景图固定在底部，其它部分用背景颜色

淡淡的烟草味﹌ 2023-01-09 12:34 131阅读 0赞

效果图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NzEzNzUy_size_16_color_FFFFFF_t_70][]![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NzEzNzUy_size_16_color_FFFFFF_t_70 1][]

实现代码：

<view class="" style="background:#AACD22;border-radius: 15rpx;">
    	<view class="title">{
       { item.title }}</view>
    </view>

.title {
    		display: flex;
    		box-sizing: border-box;
    		padding: 12rpx 20rpx 10rpx;
    		width: 100%;
    		background: url('http://cdn.cos.consultech.com.cn/images/mkyzd/images/microlecture/titlebg.png') no-repeat;
    		background-repeat: no-repeat;
    		background-size: 100% auto;
    		background-position: 0 100%;
    		margin-bottom: 20rpx;
    		font-size: 32rpx;
    		color: #481c87;
    	}

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NzEzNzUy_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20210121101336927.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NzEzNzUy,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NzEzNzUy_size_16_color_FFFFFF_t_70 1]: /images/20221119/bc84bbe371b64a868eac2388632cd232.png

发表评论取消回复

表情：

评论列表（有 0 条评论，131人围观）

还没有评论，来说两句吧...

相关阅读

相关背景图片固定（背景图片附着）（HTML、CSS）

背景图片固定（背景图片附着）（HTML、CSS） <!DOCTYPE html> <html lang="en"> <head>

桃扇骨/ 2023年10月03日 12:45/ 0 赞/ 25 阅读

相关 css背景图固定在底部，其它部分用背景颜色

效果图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

淡淡的烟草味﹌/ 2023年01月09日 12:34/ 0 赞/ 132 阅读

相关 CSS背景——背景颜色、背景图片、背景平铺、背景图像位置、背景图像固定、背景图像半透明

CSS背景 CSS可以通过背景属性给页面元素添加样式背景背景属性可以设置背景颜色，背景图片，背景平铺，背景图片位置，背景图像固定等。背景颜色 backgro

短命女/ 2022年11月20日 08:17/ 0 赞/ 253 阅读

相关 CSS的背景属性设置(背景颜色、背景图片、背景平铺、背景附着、背景复合写法)

文章目录 1 背景颜色 2 背景图片 3 背景平铺 4 背景图片位置 5 背景图像固定（背景附着） 6 背景复合写法 7 背景色

太过爱你忘了你带给我的痛/ 2022年11月17日 14:59/ 0 赞/ 369 阅读

相关 html背景图片在底部,CSS兑现固定DIV层背景图片且底部显示

CSS实现固定DIV层背景图片且底部显示 /\CSS缩写形式\/ div \{ background:url(/images/about\_bg.jpg) no-repe

痛定思痛。/ 2022年10月06日 07:57/ 0 赞/ 22 阅读

相关 css使其背景固定

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>

Bertha 。/ 2022年06月07日 08:43/ 0 赞/ 230 阅读

相关 CSS复习之用用 CSS 设置背景颜色和背景图像

今日目录 1、设置背景颜色 2、设置背景图像 3、设置背景图像平铺 4、设置背景图

我会带着你远行/ 2022年05月25日 10:09/ 0 赞/ 347 阅读

相关 css:背景图常用设置

background:url('https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=

川长思鸟来/ 2021年12月12日 13:25/ 0 赞/ 385 阅读

相关 CSS 背景颜色渐变

<style type="text/css"> html,body \{ margin:0px; width

水深无声/ 2021年11月29日 09:32/ 0 赞/ 511 阅读

相关 css 一个div既设置背景图又设置背景颜色

1. 需求 : 设置一个背景上面为背景图下面为颜色 background: url('../images/invite_friends.png') 0

快来打我*/ 2021年09月17日 04:08/ 0 赞/ 724 阅读