在CSS中,我们可以使用一些技巧来建立三行两列的表格。下面我们就来介绍一下具体的方法。首先,在HTML中创建一个div标签,并赋予宽度和高度。然后,我们可以将div标签中的内容分为三行两列,分别用p标
<div class="table"> <p>单元格1</p> <p>单元格2</p> <p>单元格3</p> <p>单元格4</p> <p>单元格5</p> <p>单元格6</p> </div>
.table { width: 500px; height: 300px; background-color: #f2f2f2; overflow: auto; /*清除浮动*/ } .table p { width: 49.5%; /*使每个单元格占50%的宽度*/ float: left; /*将每个单元格按列排布*/ margin: 1%; /*为单元格添加间距*/ background-color: #fff; padding: 10px; box-sizing: border-box; /*为单元格添加内边距和边框*/ border: 1px solid #ccc; }
粉丝
0
关注
0
收藏
0