css绘制三角形
来源:互联网 发布:阿里软件有哪些 编辑:程序博客网 时间:2024/09/21 07:52
我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。下面是一些常见的三角符号,改变px值,和color就可以得到使用;
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
;
}
0 0
- 使用CSS绘制三角形
- 纯css绘制三角形
- CSS 三角形绘制方法
- css绘制三角形方法
- CSS绘制三角形
- CSS绘制三角形
- 用css绘制三角形
- css绘制三角形
- 使用CSS绘制三角形
- css绘制三角形图标
- CSS绘制三角形
- csS绘制三角形
- 纯 CSS 绘制三角形
- CSS绘制三角形
- 纯css绘制三角形
- CSS 三角形绘制方法
- CSS 三角形绘制方法
- CSS绘制三角形
- Web移动端Fixed布局的解决方案
- 测试平台大端还是小端(网络字节序和主机字节序)
- House Robber 非负数组,相邻不能相加,求最大的和是多少(动态规划)
- python爬虫帮妈妈刷学分
- 深入理解RunLoop
- css绘制三角形
- 2015年年终总结
- IE浏览器下POST中文乱码解决办法 - PHP实现
- windows下配置2个mysql来进行主从配置
- Markdown中对图片进行居中,设置大小等操作
- 启动HDFS遇到问题
- OpenCV3 外极线的绘制
- android 创建多层树型结构
- java发送邮件没有主题且乱码以及如何exclusion依赖