css实现三角形尖角箭头的实例(收藏)

原创 q514393412 随笔 html5和css3 384阅读 2017-05-15 10:53:39 举报

html 代码

地址http://www.jb51.net/article/42513.htm

透明的三角形
html 代码

评论 ( 1 )
最新评论
q514393412 2017-10-10 09:51:12 1F

点击生成小三角
.nav-tabs>li.active>a::before {
position: absolute;
bottom:-6px;
left:50%;
margin-left: -10px;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #F65F34;
content: " ";
display: block;
width: 0;
height: 0;
}