今日搜网络软件科技公司网站模板

咨询热线

18951535724
当前位置: 首页 > 网络技术百科 > 小程序百科

微信小程序字体样式的设置

时间:2021-08-31 08:12:41人气: 作者: 小编

1.常用字体样式属性

2.利用style和class 设置字体样式

3.在app.wxss 和 index.wxss中定义样式

常用字体属性:

微信小程序字体样式的设置(图1)

举列:

项目目录:

微信小程序字体样式的设置(图2)

行结果:

在index.wxml中输入如下代码:

<view class="box">  <view class="title">微信小程序字体样式设置view>  <view>  view>  <view style="font-family:sans-serif;font-size:15px;">    <view>利用style设置样式view>    <view>字体:sans-serif,15像素view>  view>  <view class="fontStyle">    <view>利用class设置样式view>    <view>字体:Cursive,15像素 倾斜,加粗view>  view>view>

在index.wxss中输入如下代码:

.fontStyle{  font-family: cursive;  font-size: 15px;  font-style: italic;  font-weight: bold;}

在app.wxss中输入如下代码:

.box{  border: 1px solid silver;/*边框*/  margin: 20px;/*外边框*/  padding: 20rpx;/*内边框*/}.title{  font-size: 20px;  text-align: center;  margin-bottom: 15px;  color: red;}

注意:此文章是小包在学习微信小程序中做的笔记


标签:
加载中~

最新文章

热门话题

Copyright © 2002-2017 无锡今日搜网络科技有限公司 版权所有苏ICP备2021005205号-2
电 话:18951535724    手 机:18951535724   传 真:18951535724    E-mail:1097476955@qq.com
地 址:江苏省无锡市滨湖区华庄街道
苏ICP备2021005205号-2

扫一扫关注微信公众帐号


免费咨询 投诉建议
今日头条百度统计