用CSS3实现带小三角形的div框(不用图片)_html/css_WEB-ITnose

现在看到了很多带小三角形的方框，如微信、Mac版的QQ、QQ空间的时间轴等等，在聊天或者是发表的状态的内容外面都有一个带小三角形的矩形框包围着，感觉看着很不错，于是决定亲自动手写一个，我上次用的是偏移背景图片法，那么今天就不用图片，用CSS3实现一下，下面我们来看一下实现代码。

首先我们来看一下CSS3实现三角形原理：其实就是对于transparent的应用

假如html代码是这样的

声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110296

更新时间：2022-11-17 阅读：37次