溫馨提示×

小程序字體顏色設置方法是什么

楓吟
11076
2021-03-26 14:55:04
欄目: 云計算

小程序字體顏色的設置方法: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】。

在開發工具左側即可查看設置之后的效果。

小程序字體顏色設置方法是什么

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女