也许你糊涂了,但当你糊涂的时候,我想说,保持你的头脑,今天过得很好。
* * *
在微信小程序中,组件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 :左侧;
}