实现共同的小箭头在网页中用纯CSS3
使用纯CSS3在网页中实现共同的小箭头，实现代码如下：/ * CSS3的三角形（* * /）
div.arrow-up {
宽度：0px；
身高：0px；
左边界：5px固体透明； / * * /透明的权利
边境：5px固体透明； / * * /透明的权利
底部边框：5px固体# 2f2f2f； / * * /底部的颜色定义
字体大小：0px；
行高：0px；
}
/ * CSS3的三角形（缩小尺寸）。
div.arrow-down {
宽度：0px；
身高：0px；
左边界：5px固体透明；
边境：5px固体透明；
边境上：5px固体# 2f2f2f；
字体大小：0px；
行高：0px；
}
CSS3 / * * /三角形（向祚）
div.arrow-left {
宽度：0px；
身高：0px；
底部边框：5px固体透明向左倾斜； / * * /
边境上：5px固体透明向右倾斜； / * * /
边境：5px固体# 2f2f2f底部添加背景颜色； / * * /这里。
字体大小：0px；
行高：0px；
}
CSS3 / * * /三角形（向有）
div.arrow-rightright {
宽度：0px；
身高：0px；
底部边框：5px固体透明向左倾斜； / * * /
边境上：5px固体透明向右倾斜； / * * /
左边界：5px固体# 2f2f2f底部添加背景颜色； / * * /这里。
字体大小：0px；
行高：0px；
}
总结
以上是一个小的箭头是由纯CSS3介绍给你，这是经常看到小页。我希望它会对你有帮助。如果你有任何问题，请给我留言，萧边会及时给您回复。谢谢您支持网站。