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

您所在的位置:网站首页 黑色字体背景图片 微信小程序中这么简单的设置页面背景图及字体颜色的方法,你还不会?

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

2024-07-15 00:27| 来源: 网络整理| 查看: 265

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

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



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3