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

敦厚的曹操

于 2018-04-18 12:30:31 发布

阅读量9.7k

点赞数 1

分类专栏： 0.【小程序】

0.【小程序】专栏收录该内容

54 篇文章 3 订阅

订阅专栏

 
   /*======【主背景】=========*/ 
  
   .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; 
  /*【容器外边距】*/ 
 
   }