承接国内外服务器租用托管、定制开发、网站代运营、网站seo优化托管接单、网站代更新,新老站点皆可!!咨询QQ:3787320601

字体:小程序字体颜色设置有哪些方法

管理员 2023-04-09 07:58:13 互联网圈 557 ℃ 0 评论 2665字 收藏

小程序字体色彩设置有哪些方法

小程序字体色彩的设置方法:1、创建微信小程序项目;2、在index.wxml文件中添加文本代码;3、在index.wxss文件里添加字体样式;4、保存编辑的代码并进行调试便可。

小程序字体颜色设置方法是什么

具体操作步骤以下:

1、首先在创建一个微信小程序项目。

小程序字体颜色设置方法是什么

2、在pages包下的index目录中index.wxml文件里添加文本设计代码。

<view>

丸子建站  

</view>

<view class="font">

云主机

</view>

<view class="font2">

香港服务器

</view>

<view class="font3">

高防服务器

</view>

小程序字体颜色设置方法是什么

3、在pages包下的index目录中index.wxss文件里给文本的文字进行色彩设置,代码以下。

.font{

  /*设置字体色彩*/

  color: red;

}

.font2{

  /*设置字体色彩*/

  color:rgb(70, 212, 248);

}

.font3{

  /*设置字体色彩*/

  color:#0000FF;

}

小程序字体颜色设置方法是什么

4、最后保存编辑的代码进行调试,保存快捷键【Ctrl+S】。

在开发工具左边便可查看设置以后的效果。

小程序字体颜色设置方法是什么

文章来源:丸子建站

文章标题:字体:小程序字体颜色设置有哪些方法

https://www.wanzijz.com/view/7346.html

TAG: 小程序
X

截屏,微信识别二维码

微信号:weimawl

(点击微信号复制,添加好友)

打开微信