padding的使用技巧(持续更)
来源:互联网 发布:算法帝国 原版 编辑:程序博客网 时间:2024/05/22 16:03
创作一个和宽度相等的正方形盒子
html代码:
<div class="box-wrapper"> <div class="box"> </div> </div>
css代码:
.box-wrapper{ width: 200px; background:yellow; } .box{ width: 100%; height: 0; padding-top: 100%; background: rgba(0,0,0,.6); position: relative; }
最终效果:
阅读全文
0 0
- padding的使用技巧(持续更)
- Mac的使用技巧(持续更新~~)
- sublime常用技巧(持续更
- Ubuntu小问题小技巧(持续更行)
- 个人使用Excel用到的技巧(持续更新)
- Log4j的使用技巧 - 持续更新
- 总结:安卓中多线程的使用(未完结持续更行)
- Angular使用中的编码tips(持续更)
- linux使用技巧(持续更新中)
- Eclipse 使用小技巧(持续更新)
- eclipse使用技巧(持续更新...)
- Activity使用小技巧(持续更新)
- markdown使用技巧(持续更新)
- Linux 使用技巧(持续更新)
- androidstudio 快捷键,使用技巧(持续更新...)
- Xcode使用小技巧(持续更新...)
- MyEclipse使用技巧(持续更新)
- 位运算使用技巧(持续更新)
- UI 一一 自定义View的封装和xib文件的使用详解
- 公司到底要不要无偿加班
- 微信公众号开1-准备工作
- 第12期 《用双手托起明天的太阳》8月刊
- Hibernate学习笔记(三)
- padding的使用技巧(持续更)
- Redis主从复制和集群配置
- linux初学者-磁盘加密篇
- OS-虚拟存储
- 谈论try,catch,语句中的return语句与后面的finally中语句谁先执行的问题
- DOM--如何添加、移除、移动、复制、创建和查找节点等。
- SQLMap用户手册【超详细】
- C++中的模板
- 翻转链表