⼩程序开发常⽤CSS样式实例（更新中）
/**index.wxss**/
.Style01{
color: red;
word-spacing: 20px;/*设置段落间的字间距*/
text-align: left;/* 设置⽂本对齐⽅式左对齐*/
text-indent: 50px; /* 将段落的第⼀⾏缩进50像素 */
text-decoration: underline;/*元素的⽂本样式：下划线*/
text-decoration-color: #00f;/*规定⽂本修饰的颜⾊，在这⾥就是下划线的颜⾊*/
line-height: 30px;
white-space: normal;/*⽂本⾃动处理换⾏*/
}
.Style02{
text-align: justify;/*设置⽂本对齐⽅式两端对齐*/
letter-spacing: 10px;/*设置字母间距*/
text-transform: uppercase;/*控制⽂本⼤⼩写：⼤写*/
white-space: pre-wrap;/*规定段落中的⽂本不进⾏换⾏*/
}
/*boxModelStyle*/
.boxModel01{
width:80%;
height: 100px;
border:3px dashed red;/*dashed：虚线*/
background-color: yellow;
margin: 20px;
padding: 20px;
}
.boxModel02{
width:80%;
height: 100px;
border:3px solid rgb(0,255,0); /* 颜⾊rgb表⽰ */
margin-bottom: 20px;/*外下边距*/
padding-top: 20px;/*内上边距*/
}
.boxModel03{
width:80%;
height: 120px;
写文章的小程序border:3px dotted rgba(0, 0,255, 0.3);/*0.3代表透明度*/
margin: 0 20px;/*外上下边距，左右边距为20*/
padding-left: 20px;/*内左边距*/
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。