css制作向下的三角形
2016-09-01 10:02
309 查看
利用border,需要成角的那边设置了宽跟颜色,它的2个邻边设置了透明度,然后通过调整宽度来确定三角形的角度、边长。
.arrow_down {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #008fd4;
}
.arrow_down {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #008fd4;
}
相关文章推荐
- css制作导航栏小三角形箭头 .clearance-product-title span.active:after ,.clearance-product-title span:hover:afte
- CSS三角形制作样式
- css制作三角形
- CSS 制作三角形 以及 display 、 visibblity属性含义
- css制作三角形
- css制作三角形,多种写法
- css制作三角形
- css 三角形的制作
- 用CSS制作三角形和按钮的简单实例
- 关于css三角形的制作
- css制作三角形
- 用css伪类制作三角形
- css 制作三角形/平行四边形
- 用css制作一个三角形箭头
- 纯css制作三角形
- css制作三角形和小于12px的文字
- CSS制作各种三角形写法
- css 制作三角形
- 纯css制作三角形
- CSS制作三角形和按钮