小程序字體顏色的設置方法: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】。
在開發工具左側即可查看設置之后的效果。