首页 > 名字大全 > 微信名字 正文
【微信字母名字代码】微信小程序文本组件文本使用详情-微信小程序系统学习攻略

时间:2023-02-26 16:10:07 阅读: 评论: 作者:佚名

也许你糊涂了,但当你糊涂的时候,我想说,保持你的头脑,今天过得很好。

* * *

在微信小程序中,组件text用于显示文本,默认使用代码如下:

Text测试使用/text1默认样式设置

基本使用比较简单。让我们看一下文本样式的设置。请先设置class。

Text class='text '测试使用/text,然后在相应的wxss文件中创建样式。字体通常使用字体大小、颜色和粗细配置

.text {

/*字体大小*/

font-size : 20 px;

/*字体颜色*/

Color: red

/*字体样式-粗细*/

Font-weight:粗体;

} font-weight:设置文本字体的粗细。范围为100-900,范围为“正常”:正常大小为400。Bold :粗体,相当于700

2设置边框

Border-width:设置边框宽度:典型值:中值:默认值,相当于3px。Thin:1px。十字叉:5px。不能为负数。Border-color:设置边框颜色。设置Border-top:顶部边框。Border-top-width、border-top-style和border-top-color分别设置宽度、样式和颜色border-right:右边框。Border-bottom:设置底边。Border-left:设置左边框border-radius:使对象使用圆角边框。采用数字或百分比的值。Border-style(边框样式)典型样式是(border-color,border-width)与边框相关的设置

Dashed(虚线)| dotted(虚线)| solid(实线)。text {

/*字体大小*/

font-size : 20 px;

/*字体颜色*/

Color: red

/*字体样式-粗细*/

Font-weight:粗体;

Border-color :蓝色;

border-width :3 px;

border-style : solid;

} 例如,您还可以设置边框圆角以及内部和外部边距

.text {

/*字体大小*/

font-size : 20 px;

/*字体颜色*/

Color: red

/*字体样式-粗细*/

Font-weight:粗体;

Border-color :蓝色;

border-width :3 px;

border-style : solid;

/*人集*/

Padding: 10px

/*外部距离*/

Margin: 10px:

/*将边界圆角设置为从左到右*/

/*左上右上右下左下*/

border-radius : 2 px 4 px 10 px 20 px:

} 设置3斜体

通过Font-style设置;值:normal常规字体、italic斜体、oblique斜字体。

.text2{

/*文本排版-斜体*/

font-style : italic;

} 4下划线设置

/*下划线*/

text-decoration 3360 underline;

/*删除线*/

text-decoration : line-through; 5长文本段落排版

.text2 {

/*段落排版-首字放大缩进*/

text-indent : 2em;

/*段落排版-行距(行高)*/

line-height : 1.5 em;

/*段落排版-中文字距调整*/

Letter-spacing: 1px:

/*字符间距*/

word-spacing : 4px;

/*字符对齐right、left、center */

文本-align :左侧;

}

  • 评论列表

发表评论: