CSS 回字布局
2015-10-17 14:37
633 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } #div1 { width: 200px; height: 200px; background: yellow; } #div2 { width: 100px; height: 100px; background: pink; position: relative; left: 50px; top: 50px; } #div3 { width: 50px; height: 50px; background: navajowhite; position: relative; left: 25px; top: 25px; } </style> </head> <body> <div id="div1"> <div id="div2"> <div id="div3"></div> </div> </div> </body> </html>
相关文章推荐
- 2015-10-15 css3
- CSS在网页的中应用方式
- CSS控制字体
- CSS 颜色单位
- CSS 长度单位
- CSS3 animation
- CSS中display对布局的影响以及元素display的默认值
- 【CSS】兼容IE7的各个各样的标题面板
- css3 3D变换和动画
- css兼容问题
- CSS基础
- css less编译工具 gulp-less
- css less学习 变量
- 详解css3弹性盒模型(Flexbox)
- QTabWidget添加自定义样式
- css中关于div中文本垂直居中的问题。
- ios-Label中显示多种样式的字体
- 利用好CSS,实现Qt控件美化
- 项目中对模板和js,css文件进行压缩的处理类
- css3 多列显示属性column