您的当前位置:首页正文

cssafterbefore制作的边三角提示框

2024-10-18 来源:威能网
上三角提示框(使用after伪类元素,当然也可以使用before伪类元素):



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




效果图:

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

左三角提示框:



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




效果图:

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

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

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

显示全文