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

文章摘要：小程序字体颜色设置方法是什么 微信小程序字体颜色设置方法

小程序字体颜色的设置方法：1、创建微信小程序项目；2、在index.wxml文件中添加文本代码；3、在inde […]

小程序字体颜色的设置方法：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】。

在开发工具左侧即可查看设置之后的效果。