day07.08.HTML九宫格2

追梦女孩ii

已于 2024-07-18 21:07:03 修改

阅读量179

点赞数 3

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

于 2024-06-27 19:53:35 首次发布

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

版权

练习同时被 3 个专栏收录

30 篇文章 0 订阅

订阅专栏

HTML

23 篇文章 0 订阅

订阅专栏

一阶段day07

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
       <meta charset="UTF-8">
       <title></title>
       <style>
          
          /* border-top: 1px solid blue;
          border-left: 1px solid blue;
          border-right: 1px solid blue;
          border-bottom: 1px solid blue; */
          #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>
			
			/* border-top: 1px solid blue;
			border-left: 1px solid blue;
			border-right: 1px solid blue;
			border-bottom: 1px solid blue; */
			#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>