欢迎点击「算法与编程之美」↑关注我们！
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。
问题在制作小程序的时候会经常用到浮动来设计各种组件的排版，微信小程序对排版的要求很高。光有浮动是远远不够的，如果一个板块内的组件过多就会变得混乱。所以就需要用设置内边框来调整位置。微信小程序中会有很多的头像设置，所以就会用到圆框。那么如何来设置css盒子的内边框和头像的圆框呢？
方法跟网页一样小程序也是用很多标签来定义的。需要用css盒子来设置解决问题，并调用来实现问题。
（1）内边距
我们需要用到margin这个标签代表内边距，用rpx来设置距离单位。在.wxss中设置，然后在wxml中调用就可以了。
margin-left：离左边的距离
margin-right：离右边的距离
margin-top：离上边的距离
margin-bottom：离下边的距离
margin-top: 100rpx;
margin-left: 10rpx
（2）框
用border来定义框线的宽度，用width和heigth来设置框的长宽。
solid来定义颜色。跟内边距一样在.wxss中设置，然后在wxml中调用。
