1. .box{
  2. width: 200px;
  3. height: 200px;
  4. border: 5px solid #232323;
  5. background-color: aqua;
  6. /* 裁切 */
  7. background-clip: content-box;
  8. margin: 20px;
  9. padding: 20px;
  10. /* 盒子计算方式,宽和高包含padding和border */
  11. box-sizing: border-box;
  12. /* 盒子计算方式,宽和高不包含padding和border */
  13. box-sizing: content-box;
  14. /* 简化方案:顺时针方向 */
  15. /* 上、右、下、左 */
  16. padding: 10px 20px 30px 40px;
  17. /* 上、左右、下 */
  18. padding: 10px 20px 30px;
  19. /* 上下、左右 */
  20. padding: 10px 20px;
  21. }

更多相关文章

  1. Android(安卓)TV 智能电视/盒子 APP 开发焦点控制 两种方法实例
  2. Android的Activity屏幕切换动画(一)-左右滑动切换
  3. Android实现多页左右滑动效果,支持子view动态创建和cache
  4. Android的Activity屏幕切换动画(二)-左右滑动深入与实战
  5. Android的Activity屏幕切换动画(二)-左右滑动深入与实战
  6. Android的Activity屏幕切换动画(一)-左右滑动切换
  7. Android(安卓)实现图片的放大缩小及左右滑动(说明书效果)
  8. JavaGG android实现uc 和墨迹天气那样的左右拖动效果
  9. Android监测手指上下左右滑动屏幕

随机推荐

  1. 编译php时遇到的错误
  2. Doctrine 2.0 entitymanager-> replace()等
  3. PHP和MySQL应用实战
  4. phpmyadmin表前出现红色感叹号
  5. php中的date函数中时区问题
  6. 基于PHP会话的登录系统出现问题
  7. PHP - 在外部服务器上读取文件?
  8. php 获取当前页面url路径
  9. log4php将不同级别的日志打印到不同的日
  10. 注意:未定义的变量:after_widget in ... wp