CSS中的盒子弧度 border-radius
来源:互联网 发布:安装python安装方法 编辑:程序博客网 时间:2024/06/03 07:18
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> #div1{ width: 300px; height: 300px; background-color: red; overflow: hidden;/*为了不让图片整体下移,添加overflow*/ border-radius: 150px; } #div2{ width: 150px; height: 150px; background-color: yellow; margin: 0 auto; margin-top: 75px;/*若不添加overflow,则div1也下移75px*/ border-radius: 75px; } </style> <title>盒子弧度</title></head><body><div id="div1"> <div id="div2"> </div></div></body></html>
运行结果:
阅读全文
0 0
- CSS中的盒子弧度 border-radius
- css border-radius 圆角
- CSS border-radius画圆
- CSS基础学习十六:CSS盒子模型补充之border-radius属性
- html盒子边框样式制作border-radius
- CSS学习笔记:border-radius
- css 之 border-radius属性
- Border-radius: create rounded corners with CSS!
- CSS中有-webkit-border-radius
- css---border-radius--实现太极图旋转
- 盒子弧度
- border-radius
- border-radius
- border-radius
- Border-radius
- border-radius
- border-radius
- border-radius
- 欢迎使用CSDN-markdown编辑器
- java入门第一季-程序移植
- 对js事件绑定的一些理解
- 程序员揭露弹性工作时间制背后的隐情
- java swing中setVisible(true);方法的真正作用
- CSS中的盒子弧度 border-radius
- 泛型
- angular2的angular-cli如何使用代理api
- javascript的征程 --Function函数
- 剑指小组2017----西邮Linux兴趣小组纳新面试题讲解(第17题)
- 编写java程序151条建议读书笔记(16)
- 为CListBox加上智能水平滚动条
- java学习路线
- JavaScript 01