day07.07.HTML九宫格1

追梦女孩ii

已于 2024-07-18 21:06:30 修改

阅读量338

点赞数 3

分类专栏： HTML 练习一阶段day07 文章标签： html 前端 numpy 数据分析 python css css3

于 2024-06-27 19:51:51 首次发布

本文链接：https://blog.csdn.net/m0_61566562/article/details/140023019

版权

练习同时被 3 个专栏收录

30 篇文章 0 订阅

订阅专栏

HTML

23 篇文章 0 订阅

订阅专栏

一阶段day07

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
          
/*
          border-top: 1px solid blue;
          border-left: 1px solid blue;
          border-right: 1px solid blue;
          border-bottom: 1px solid blue;
    */
          #box {
             width: 304px;
             height: 304px;
             border: 1px solid red
          }
          #box div {
             width: 100px;
             height: 100px;
             border: 1px solid blue;
             float:left
          }

/*  参考答案

          #box {
             width: 300px;
             height: 300px;
             border: 0.5px solid red
          }
          #box div {
             width: 99px;
             height: 99px;
             border: 0.5px solid blue;
             float:left
          }

*/
       </style>
    </head>
    <body>
       <div id="box">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
       </div>
    </body>
</html>

<!DOCTYPE html>
<html>
    <head>
       <meta charset="UTF-8">
       <title></title>
       <style type="text/css">
          
/*
          border-top: 1px solid blue;
          border-left: 1px solid blue;
          border-right: 1px solid blue;
          border-bottom: 1px solid blue;
    */
          #box {
             width: 304px;
             height: 304px;
             border: 1px solid red
          }
          #box div {
             width: 100px;
             height: 100px;
             border: 1px solid blue;
             float:left
          }

/*  参考答案

          #box {
             width: 300px;
             height: 300px;
             border: 0.5px solid red
          }
          #box div {
             width: 99px;
             height: 99px;
             border: 0.5px solid blue;
             float:left
          }

*/
       </style>
    </head>
    <body>
       <div id="box">
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
          <div></div>
       </div>
    </body>
</html>