前端基础-盒子模型1

时间:2022-12-13 21:44:13

盒子模型代码


  1. <!doctype html> <!--文档类型 html:是HTML5标准-->

  2. <html> <!-- 根标签:老大  lang属性 =赋值 值必须用引号引起来!-->

  3.  <head> <!-- 网页头部-->

  4.   <meta charset="UTF-8"> <!-- 字符编码:UTF-8国际编码-->

  5.   <meta name="Author" content=""> <!-- 作者 -->

  6.   <meta name="Keywords" content=""> <!-- 关键词 (用于seo)-->

  7.   <meta name="Description" content=""> <!-- 网站描述 -->

  8.   <title>hello world!</title> <!-- 网站标题 -->

  9. <!--写入CSS-->

  10. <style>

  11. div{

  12. width:200px;

  13. height:200px;

  14. border:5px solid green;/*边框:边框大小 边框类型(直线) 颜色*/

  15.  

  16. }



  17. </style>

  18.  </head>

  19.  <body> <!-- 网页主干:可视化区域-->

  20. <div></div>


  21.  </body>


  22. </html>


代码截图:


前端基础-盒子模型1


效果图:


前端基础-盒子模型1