主要介绍了CSS 制作带边框背景色透明的消息框的实例代码，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下

写个消息框容易太容易了，网上一搜就一大堆教程。直接拷贝粘贴到自己项目就可以啦。大多是用::after或者::before实现三角形，绝对定位移动到边上成为消息框的角角。 但是如果要我们实现背景色是透明的消息框，如下： 似乎常用的消息框写法这种操作是实现不了的。 难点一 用常用的方式实现的消息框，想要改成透明背景，似乎不太可能。 因为如果消息框有边框的话，消息框的角通常是用::after 与 ::before 做成三角形，然后一大点的三角形与小一点的三角形重叠而成，如果我们想要把消息框的角变成透