您的位置：首页 > Web前端 > CSS

css 设置上下左右三角形箭头

2015-08-04 17:07 806 查看 
<html>
<head>
<style>
.up {
height:0;
width:0;
border-top:20px solid black;
border-left:20px solid transparent;
transform:rotate(-45deg);
}
.down {
height:0;
width:0;
border-bottom:20px solid black;
border-right:20px solid transparent;
transform:rotate(-45deg);
}
.left {
height:0;
width:0;
border-bottom:20px solid black;
border-right:20px solid transparent;
transform:rotate(45deg);
}
.right {
height:0;
width:0;
border-top:20px solid black;
border-left:20px solid transparent;
transform:rotate(45deg);
}
</style>
</head>
<body>
<div class="up"></div>
</body>
</html>

备注:transform在IE8及其以下均不好使

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航