利用CSS边框绘制各种三角形
来源:互联网 发布:数据库恢复策略 编辑:程序博客网 时间:2024/06/04 20:07
Triangle Up
1
2
3
4
5
6
7
#triangle-up {
width
:
0
;
height
:
0
;
border-left
:
50px
solid
transparent
;
border-right
:
50px
solid
transparent
;
border-bottom
:
100px
solid
red
;
}
Triangle Down
1
2
3
4
5
6
7
#triangle-down {
width
:
0
;
height
:
0
;
border-left
:
50px
solid
transparent
;
border-right
:
50px
solid
transparent
;
border-top
:
100px
solid
red
;
}
Triangle Left
1
2
3
4
5
6
7
#triangle-
left
{
width
:
0
;
height
:
0
;
border-top
:
50px
solid
transparent
;
border-right
:
100px
solid
red
;
border-bottom
:
50px
solid
transparent
;
}
Triangle Right
1
2
3
4
5
6
7
#triangle-
right
{
width
:
0
;
height
:
0
;
border-top
:
50px
solid
transparent
;
border-left
:
100px
solid
red
;
border-bottom
:
50px
solid
transparent
;
}
Triangle Top Left
1
2
3
4
5
6
#triangle-topleft {
width
:
0
;
height
:
0
;
border-top
:
100px
solid
red
;
border-right
:
100px
solid
transparent
;
}
Triangle Top Right
1
2
3
4
5
6
7
#triangle-topright {
width
:
0
;
height
:
0
;
border-top
:
100px
solid
red
;
border-left
:
100px
solid
transparent
;
}
Triangle Bottom Left
1
2
3
4
5
6
#triangle-bottomleft {
width
:
0
;
height
:
0
;
border-bottom
:
100px
solid
red
;
border-right
:
100px
solid
transparent
;
}
Triangle Bottom Right
1
2
3
4
5
6
#triangle-bottomright {
width
:
0
;
height
:
0
;
border-bottom
:
100px
solid
red
;
border-left
:
100px
solid
transparent
;
}
转载出处:http://www.cnblogs.com/lhb25/p/css-and-css3-triangle.html
0 0
- 利用CSS边框绘制各种三角形
- 纯CSS绘制三角形(各种角度)
- 纯CSS绘制三角形(各种角度)
- 纯CSS绘制三角形(各种角度)
- 纯CSS绘制三角形(各种角度)
- 纯CSS绘制三角形(各种角度)
- 纯CSS绘制三角形(各种角度)
- 纯CSS绘制三角形(各种角度)
- css绘制各种角度三角形方法
- 纯正CSS绘制三角形(各种角度)
- 纯CSS绘制三角形(各种角度)
- 纯CSS绘制三角形(各种角度)
- 纯CSS绘制三角形(各种角度)
- CSS 魔法系列:纯 CSS 绘制三角形(各种角度)
- CSS 魔法系列:纯 CSS 绘制三角形(各种角度)
- 利用CSS进行各种图形的绘制
- 利用边框制作三角形
- CSS画出边框三角形
- 【SQL优化】不要使用not in
- MATLAB求复数的实部和虚部
- Java --- Guava Escapers
- ContentProvide 应用之间的通信
- 使用CocoaPods开发并打包静态库
- 利用CSS边框绘制各种三角形
- ffmpeg android编译脚本
- 利用ssh和tail实时监控应用日志
- UINavigationController使用之手动添加UIBarButtonItem
- Redis --- Replication
- 支付宝接口开发总结
- 值得推荐的C/C++框架和库 (真的很强大)
- Js判断键盘按键
- Binary Tree Inorder Traversal