博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用div和css样式控制页面布局
阅读量:6076 次
发布时间:2019-06-20

本文共 763 字,大约阅读时间需要 2 分钟。

hot3.png

1  2  3  4 
5 网页布局练习 6 7
8 9 10

利用div和css对页面的布局进行调整


11
12

窗口1

13
14

窗口2

15

窗口3

16 17

css代码:

1 bod { 2     margin:100%; 3     padding:100%; 4  5 } 6 .d1{ 7     width:200px; 8     height:600px; 9     background-color:red;10     margin-left:20px;11     margin-top:20px;12     position:absolute;13 }14 .d2{15     width:800px;16     height:150px;17     background-color:greenyellow;18     position:absolute;19     left:235px;20     margin-top:20px;21    22 }23 .d3{24     width:800px;25     height:420px;26     position:absolute;27     left:235px;28     background-color:#19a1f8 ;29     margin-top:200px;30 31 }

转载于:https://my.oschina.net/dongteng/blog/684359

你可能感兴趣的文章
Flux OOM实例
查看>>
07-k8s-dns
查看>>
Android 中 ListView 分页加载数据
查看>>
oracle启动报错:ORA-00845: MEMORY_TARGET not supported on this system
查看>>
Go方法
查看>>
Dapper丶DapperExtention,以及AbpDapper之间的关系,
查看>>
搞IT的同学们,你们在哪个等级__那些年发过的帖子
查看>>
且谈语音搜索
查看>>
MySQL数据库导入导出常用命令
查看>>
低版本Samba无法挂载
查看>>
Telegraf+Influxdb+Grafana构建监控平台
查看>>
使用excel 展现数据库内容
查看>>
C#方法拓展
查看>>
MySql.Data.dll的版本
查看>>
Linux系统磁盘管理
查看>>
hdu 2191 (多重背包+二进制优化)
查看>>
home.php
查看>>
neo4j---删除关系和节点
查看>>
redis分布式锁redisson
查看>>
什么样的企业可以称之为初创企业?
查看>>