在微信小程序中,我们不免的要设置背景图片和字体颜色。 在微信开发文档中,定义image组件的src属性后跟着的是图片资源地址,在博主的代码中**“/images/804451430.jpeg”**是图片资源地址。 这就是怎么设置页面背景图的方法。 接下来讲一下怎么设置字体的颜色。 在这里博主设置的颜色为brown。 下面就是效果图
那怎么样才能做到简单的设置背景图片和字体颜色呢?
话不多说,直接开讲
首先先说怎么设置页面背景图片:
这是博主准备的照片。
下面是在wxml中的代码<!--pages/test.wxml--> <view class='test'> <view class="temp">随便写一下</view> <view class="tmp">这里也算是</view> <image class='mytest' src='/images/804451430.jpeg'></image> </view>
然后在wxss中设置背景图片的布局。.mytest{ position: absolute; top:40rpx; left:40rpx; width:100%; height:100%; z-index:-1; }
在wxss中讲你要设置的字体的布局中加上color属性.temp{ text-align: center; font-size: 50rpx; line-height:2; opacity: 0.8; color: brown; } .tmp{ text-align:center; font-size:50rpx; line-height:2; opacity:0.65; color: brown; }
如果博主写的地方有错误了,欢迎评论区的大佬指出来。
如果觉得写的还行的话,来个三连(,,关注)啊,大佬们
本网页所有视频内容由 imoviebox边看边下-网页视频下载, iurlBox网页地址收藏管理器 下载并得到。
ImovieBox网页视频下载器 下载地址: ImovieBox网页视频下载器-最新版本下载
本文章由: imapbox邮箱云存储,邮箱网盘,ImageBox 图片批量下载器,网页图片批量下载专家,网页图片批量下载器,获取到文章图片,imoviebox网页视频批量下载器,下载视频内容,为您提供.
阅读和此文章类似的: 全球云计算