<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> .first{ width:300px; background-color: pink; margin: 20px; float: left; padding: 10px 20px 30px 35px; border: double; border-top-color: blue; border-bottom-color: green; border-width: 3px; } .second{ width:300px; background-color: green; margin: 20px; float: left; padding: 10px 20px 30px 40px; border: double; border-top-color: blue; border-bottom-color: green; border-width: 3px; } </style> </head> <body> <div class="first"> 这是第一个盒子这是第一个盒子这是第一个盒子这是 第一个盒子这是第一个盒子这是第一个盒子这是第一个盒子 这是第一个盒子这是第一个盒子这是第一个盒子这是第一个 盒子这是第一个盒子这是第一个盒子这是第一个盒子这是第一个 盒子这是第一个盒子这是第一个盒子这是第一个盒子这是第一个 盒子这是第一个盒子这是第一个盒子这是第一个盒子这是第一个 盒子这是第一个盒子这是第一个盒子这是第一个盒子这是第一个盒 子这是第一 个盒子这是第一个盒子这是第一个盒子这是第一个盒子 </div> <div class="second"> 这是第二个盒子这是第二个盒子这是第二个盒子这是 第二个盒子这是第二个盒子这是第二个盒子这是第二个盒子 这是第二个盒子这是第二个盒子这是第二个盒子这是第二个 盒子这是第二个盒子这是第二个盒子这是第二个盒子这是第二个 盒子这是第二个盒子这是第二个盒子这是第二个盒子这是第二个 盒子这是第二个盒子这是第二个盒子这是第二个盒子这是第二个 盒子这是第二个盒子这是第二个盒子这是第二个盒子这是第二个盒 子这是第一 个盒子这是第二个盒子这是第二个盒子这是第二个盒子 </div> </body> </html>
2018/5/3今天的内容是css中的盒子模型
猜你喜欢
转载自www.cnblogs.com/sennb/p/8986938.html
今日推荐
周排行