微信小程序中<view>中的CSS样式合集
/*======【主背景】=========*/.conter{height: 100%;display: flex;flex-direction:column;/* 容器下按钮横向或纵向排列*/align-items:center;/* 容器下按钮的对齐方式*/box-sizing: border-box;/* 不让后面的边框等设置修改*/back...
·
/*======【主背景】=========*/
.conter{
height:
100%;
display:
flex;
flex-direction:
column;
/* 容器下按钮横向或纵向排列 */
align-items:
center;
/* 容器下按钮的对齐方式 */
box-sizing:
border-box;
/* 不让后面的边框等设置修改 */
background-repeat:
repeat;
/* 图像平铺 */
padding:
30
rpx;
/* 内边距 */
background-image:
url(
"../../image/timg.jpg")
}
/*======【数字显示背景】=========*/
.screen{
background-color:
bisque;
/* 背景颜色 */
border-radius:
3px;
/* 圆角的角度 */
text-align:
right;
/* 控件内的【对齐方式】 */
width:
710
rpx;
height:
100
rpx;
line-height:
100
rpx;
/* 行高 */
margin-right:
10
rpx;
/*容器内控件的显示的【右边距】*/
margin-left:
10
rpx;
/*容器内控件的显示的【左边距】*/
margin-bottom:
30
rpx;
/*容器内控件的显示的【底边距】*/
font-size:
28px;
/*容器内控件的【字体】*/
padding-right:
25
rpx;
/*【容器外边距】*/
}
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
1
0- 0
已为社区贡献3条内容
所有评论(0)