QQ在线咨询
售前咨询热线
15821572819
售后咨询热线
15821572819

微信小程序中<view>中的CSS样式合集


/*======【主背景】=========*/

.conter{

height: 100%;

display: flex;

flex-direction:column;  /* 容器下按钮横向或纵向排列  */

align-items:center;  /* 容器下按钮的对齐方式  */

box-sizing: border-box;  /* 不让后面的边框等设置修改  */

background-repeat: repeat;  /* 图像平铺 */

padding: 30rpx;  /* 内边距 */

background-image:  url("../../image/timg.jpg")




}


/*======【数字显示背景】=========*/


.screen{

background-color:  bisque;  /* 背景颜色  */

border-radius: 3px;  /* 圆角的角度  */

text-align: right;  /* 控件内的【对齐方式】 */

width:710rpx;

height: 100rpx;

line-height: 100rpx;   /* 行高  */

margin-right: 10rpx;   /*容器内控件的显示的【右边距】*/

margin-left: 10rpx;    /*容器内控件的显示的【左边距】*/

margin-bottom: 30rpx;  /*容器内控件的显示的【底边距】*/

font-size: 28px;        /*容器内控件的【字体】*/

padding-right: 25rpx;  /*【容器外边距】*/


}




注:本文转载自csdn,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如有侵权行为,请联系我们,我们会及时删除。
上一篇 下一篇

分享