当前位置:Gxlcms > html代码 > cssafterbefore制作的边三角提示框

cssafterbefore制作的边三角提示框

时间:2021-07-01 10:21:17 帮助过:41人阅读

上三角提示框(使用after伪类元素,当然也可以使用before伪类元素):



    css after before制作的边三角提示框
    


效果图:

css after before制作的边三角提示框

左三角提示框:



    css after before制作的边三角提示框
    


效果图:

css after before制作的边三角提示框

同样,利用上面的实例也可以制作右三角提示框和下三角提示框。这里不再写实例了,读者可以自己尝试一下。

如果需要更多样式的边三角提示框,可以访问这个网站:http://cssarrowplease.com/

人气教程排行