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

a_靖 2021-01-21 10:15:55

122

分类专栏： css Web前端文章标签： CSS背景背景图背景颜色和背景图共存背景图固定在底部

本文链接：https://blog.csdn.net/qq_35713752/article/details/112917483

版权

Ant Design Pro 教程专栏

React 结合中后端框架 Ant Design Pro 的教程专栏

a_靖

¥49.90

效果图：

实现代码：

<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;
	}