盒模型

标签:#盒模型# 时间:2018/10/07 22:17:02 作者:Shino

  1. <style type="text/css" media="screen">
  2. /*下面两个盒子真实占有宽高完全相同*/
  3. .box1{
  4. width: 200px;
  5. height: 200px;
  6. padding: 50px;
  7. border: 1px solid red;
  8. }
  9. .box2{
  10. width: 250px;
  11. height: 250px;
  12. padding: 20px;
  13. border: 6px solid blue;
  14. }
  15. </style>
  16. </head>
  17. <body>
  18. <div class="box1">
  19. <p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
  20. </div>
  21. <div class="box2">
  22. <p>文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
  23. </div>
欢迎大家关注DataLearner官方微信,接受最新的AI技术推送
相关博客
Back to Top