最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css中border-radius用法详解
时间：2022-06-25 09:03:31 编辑：袖梨 来源：一聚教程网
border-radius:由浮点数字和单位标识符组成的长度值。
border-top-left-radius --- 左上
border-top-right-radius --- 右上
border-bottom-right-radius --- 右下
border-bottom-left-radius --- 左下
说明：第一个值是水平半径，如果为0则为直角
圆形
| 代码如下 | 复制代码 |
| border-radius:50px; width:100px; height:100px; border:1px solid red; | |
半圆
| 代码如下 | 复制代码 |
| border-radius: 100px 0px 0px 100px; height: 100px; width: 50px; | |
四分之一
| 代码如下 | 复制代码 |
| border-radius:100px; width:100px; height:100px; border:1px solid red; | |
圆角
| 代码如下 | 复制代码 |
| border-radius: 10px; height: 60px; width: 100px; | |
弧形
| 代码如下 | 复制代码 |
| border-radius: 100px 0px 0px 0px; height: 100px; width: 100px; border-left: 1px solid red;border-top: 1px solid red; |
|
相关文章
- 我的常州怎么查社保卡余额 我的常州查询医保卡余额方法 05-06
- 天刀共鸣技能搭配攻略（掌握共鸣技能，提升天刀战斗实力） 05-06
- 《Neverness To Everness》周年庆委托任务在哪里介绍 05-06
- 纳米ai怎么修改资料 纳米ai修改资料方法 05-06
- 月蚀技能攻略（掌握月蚀技能，成为真正的黑暗之王！） 05-06
- 纳米ai怎么静音 纳米ai静音方法 05-06