.tri_left { position: absolute; left: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-right: 7px solid #9db5f4; border-bottom: 7px solid transparent; } .tri_right { position: absolute; right: -7px; width: 0; height: 0; border-top: 7px solid transparent; border-left: 7px solid #9db5f4; border-bottom: 7px solid transparent; } .tri_bottom { position: absolute; bottom: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #9db5f4; } .tri_top { position: absolute; top: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #9db5f4; }
其他可参考:http://wchhlt.blog.163.com/blog/static/24401320118152272653/
用css实现三角形
最新推荐文章于 2024-06-25 15:10:09 发布