最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css中border-radius用法详解
时间:2012-01-17 编辑:简简单单 来源:一聚教程网
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; |
-
下一个: 纯css实现精美箭头代码
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26
- css复合选择器的具体使用方法介绍 10-26
- css三列自适应布局教程 10-26