font-variant字体变形

基础用法
font-variant 属性可以设定小型大写字母。
小型大写字母不是一般的大写字母,也不是小写字母,这种字母采用不同大小的大写字母。

实例

p {font-variant:small-caps;}

小程序应用

Wxml代码

<view>
  <text>默认字体</text>
</view>

<view >
  <text class='cls1'>字体 This is font:normal</text> 
</view>
<view >
  <text class='cls2'>字体 This is font:small-caps</text> 
</view>

Wxss代码

.cls1{
  font-variant: normal;
}
.cls2{
  font-variant: small-caps;
}

效果如下图
微信小程序界面设计入门课程-样式wxss中使用css课程-字体-font-variant字体变形

欢迎大家收看我的****:微信小程序样式入门到精通(wxss,css)(微信小程序界面设计必备技能)
微信小程序界面设计入门课程-样式wxss中使用css课程-字体-font-variant字体变形

相关文章:

  • 2021-05-07
  • 2021-07-08
  • 2021-08-10
  • 2021-12-27
  • 2021-07-26
  • 2022-01-14
  • 2021-08-09
  • 2021-07-07
猜你喜欢
  • 2021-10-11
  • 2021-08-26
  • 2021-08-01
  • 2022-01-12
  • 2021-12-01
  • 2021-05-14
  • 2021-12-20
相关资源
相似解决方案