样式-田字格布局

最新推荐文章于 2024-05-03 14:55:36 发布

VIP文章 yuulongfei

最新推荐文章于 2024-05-03 14:55:36 发布

阅读量271

点赞数

分类专栏： java 文章标签： css

本文链接：https://blog.csdn.net/yuulongfei/article/details/118788466

版权

<!DOCTYPE html>
<html lang="en">
<head>
<title>田字格布局</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="布尔教育 http://www.itbool.com" />
<style>

.board-contaner {
     width: 100%;
     height: 590px;
     border: 1px solid #5CC6EC;  /*  边框线  */
    background: #000;  /*  背景色  */
 }
 
.ltop
{
   width:9%;
   height:260px;
   background:red;
    float:left;
   border: 1px solid #5CC6EC;  /*  边框线  */
   margin:7px 6px;/*div 对象上下间距为10px,左右为0*/
}
 
.rtop
{
   width:9%;
   height:100px;
   background:blue;
   float:right;
   border: 1px solid #5CC6EC;  /*  边框线  */
}
 
.lbottom
{
   width:9%;
   height:260px;
   background:green;
   float:left;
   border: 1px solid #5CC6EC;  /*  边框线  */
   margin:7px 6px;/*div 对象上下间距为10px,左右为0*/
}

.rbottom
{
   width:10%;
   height:100px;
   background:yellow;
   float:right;
   bord

最低0.47元/天解锁文章

优惠劵

yuulongfei

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
样式-田字格布局

<!DOCTYPE html><html lang="en"><head><title>田字格布局</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="description" content="布尔教育 http://www.itbool.com" /><style>.b.
复制链接

扫一扫