HTML5学习_day13(3)--border-radius属性(圆角边框)
来源:互联网 发布:淘宝卖家最迟发货时间 编辑:程序博客网 时间:2024/05/29 06:30
border-radius属性
<div style="width:50px;height:50px;background:red;border-radius:10px"></div>
用法:
border-radius:像素;
复合写法:
1.
左上角 右上角 右下角 左下角
border-radius:20px;
2.
左上角=右下角=20px;
右上角=左下角=40px;
border-radius:20px 40px;
3.
左上20 右上30 右下40
border-radius:20px 30px 40px;
4.
30表示水平方向的半径 40表示垂直方向的半径
border-radius: 30px/40px;
下面顺时针方向设置水平半径和垂直半径
border-radius: 10px 20px 30px 40px/50px 60px 70px 80px;
单独写法:
左上角:border-top-left-radius: ;
右上角:border-top-right-radius: ;
左下角:border-bottom-left-radius: ;
右下角:border-bottom-right-radius: ;
0 0
- HTML5学习_day13(3)--border-radius属性(圆角边框)
- Border-radius属性--设置圆角边框
- css3设置边框圆角border-radius属性
- border-radius圆角边框 正圆
- CSS3之边框圆角:border-radius
- border-radius 圆角边框(CSS3.0)
- css3.0:border-radius 圆角边框
- css3:border-radius圆角边框详解
- css3(border-radius)边框圆角详解
- css3(border-radius) 边框圆角详解
- css3(border-radius)边框圆角详解
- CSS3 border-radius实现边框圆角
- CSS3边框 圆角效果 border-radius
- css3(border-radius)边框圆角详解
- CSS3边框 圆角效果 border-radius
- CSS3 border-radius边框圆角
- css3:border-radius圆角边框详解
- 矩形的圆角属性 border-radius
- MySQL中in和=的区别
- MATLAB中零散语法知识总结之rand()、tic toc、图形句柄
- 如何避免野指针
- JSP实现简单用户登录
- 文章标题
- HTML5学习_day13(3)--border-radius属性(圆角边框)
- Babelfish Poj2503(STL map的使用)
- mysql存储过程详解
- 使用cv::findFundamentalMat要注意的几点
- 3-11 LED驱动程序设计
- 300_不能使用ApplicationContext
- poj2229Sumsets递归/动态规划
- javaweb项目中导入jquery
- IDEA启动tomcat失败