微信小程序中这么简单的设置页面背景图及字体颜色的方法,你还不会?

Rhoda ·
更新时间:2024-09-20
· 622 次阅读

在微信小程序中,我们不免的要设置背景图片和字体颜色。
那怎么样才能做到简单的设置背景图片和字体颜色呢?
话不多说,直接开讲
首先先说怎么设置页面背景图片:
在这里插入图片描述
这是博主准备的照片。
下面是在wxml中的代码

随便写一下 这里也算是

在微信开发文档中,定义image组件的src属性后跟着的是图片资源地址,在博主的代码中**“/images/804451430.jpeg”**是图片资源地址。
在这里插入图片描述
然后在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; }

在这里博主设置的颜色为brown。

下面就是效果图
在这里插入图片描述
如果博主写的地方有错误了,欢迎评论区的大佬指出来。
如果觉得写的还行的话,来个三连(点赞,收藏,关注)啊,大佬们
在这里插入图片描述


作者:无丶味



小程序 字体颜色 程序 方法 字体 背景图 微信小程序

需要 登录 后方可回复, 如果你还没有账号请 注册新账号