div田字格

最新推荐文章于 2024-09-05 14:01:36 发布

es0202

最新推荐文章于 2024-09-05 14:01:36 发布

阅读量671

点赞数

分类专栏：前端文章标签： html

本文链接：https://blog.csdn.net/es0202/article/details/69390373

版权

前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
   <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
   <title>1</title>
   <style>
   #first{width: 50%; height: 200px; background: red; float: left}
   #second{width: 50%; height: 200px; background: green; float: left;}
   #three{width: 50%; height: 200px; background: gray; float: left;}
   #third{width: 50%; height: 200px; background: yellow;float: left;}
   </style>
</head>
<body>
   <div id="first">我是1</div>
   <div id="second">我是2</div>
   <div id="three">我是3</div>
   <div id="third">我是4</div>
</body>

</html>

first、second、three、third等id不能用1、2、3、4来替代，否则无法显示颜色。

es0202

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
div田字格

1 #first{width: 50%; height: 200px; background: red; float: left} #second{width: 50%; height: 200px; background: green; float: left;} #three{width: 50%; height: 200px; background:
复制链接

扫一扫

专栏目录