用css画实心三角形
2016-06-28 14:55
501 查看
.arrow-down:after{
content: '';
position: relative;
top: 12px;
left: 2px;
border-style: solid;
border-color: black transparent;
border-width: 6px 6px 0px 6px;
}
.arrow-up:after{
content: '';
position: relative;
bottom: 10px;
left: 2px;
border-style: solid;
border-color: black transparent;
border-width: 0 6px 6px 6px;
}
content: '';
position: relative;
top: 12px;
left: 2px;
border-style: solid;
border-color: black transparent;
border-width: 6px 6px 0px 6px;
}
.arrow-up:after{
content: '';
position: relative;
bottom: 10px;
left: 2px;
border-style: solid;
border-color: black transparent;
border-width: 0 6px 6px 6px;
}
相关文章推荐
- css定位position,absolute relative两种情况下,top,left,right,bottom的区别
- Webpack中hash与chunkhash的区别,以及js与css的hash指纹解耦方案
- 揭秘GitHub CSS技术细节
- CSS3中:only-child选择器的实例场景
- css2:div模拟textarea效果并实现高度自适应
- css 浏览器兼容性问题集合
- css之居中设置
- MVC MVP MVVM
- HTML前端——CSS样式
- vs2013 括号自动配对样式设置
- 经验分享:CSS浮动(float,clear)通俗讲解
- css渲染页面
- js改变style样式和css样式的简单实例
- 【CSS进阶】CSS 颜色体系详解
- js改变css样式的三种方法推荐
- css水平居中,竖直居中技巧(二)
- html+css——网页布局
- js改变css样式的三种方法
- Emmet:HTML/CSS代码快速编写神器
- CSS技巧分享:如何用css制作横排二级下拉菜单