最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css实现圆角三角形例子(无图片)
时间：2014-03-26 编辑：简简单单 来源：一聚教程网
效果如下图所示
三角形所对方向"width: 0"，
反向为三角形高度(20)"border-"，
反向颜色为三角形颜色"border-color: #eee"，
其它两个方向相加为三角形宽度(30)"border-"
CSS:
| 代码如下 | 复制代码 |
|
span { |
|
例子
| 代码如下 | 复制代码 |
|
三角形所对方向"width: 0"，反对的方向为三角形高度颜色为三角形颜色，其它两个方向相加为宽度 |
|
-
上一个： div任意角度旋转解决方法
相关文章
- 用CSS实现各种图片滤镜效果演示 12-26
- CSS 阴影效果(无需图片即可实现) 02-08
- CSS去掉图片img边框及如何防止图片撑破DIV 01-05
- CSS Sprites图片不清晰的问题(2倍的 CSS Sprites 如何缩放) 12-16
- css中input标签与图片按钮对不齐解决方法 06-10
- css实现非等宽图片列表的布局详解 10-23