1、CSS规则气泡实现
首先画一个矩形,设置定位,然后画一个小三角,绝对定位于矩形下方;描边气泡:在画一个同样的小三角,背景与矩形背景一致,叠加在上一个三角形上,定位上移。注意:第二个小三角上移的距离不等于矩形边框宽度。
2、不规则气泡:首先在画一个右下角的直角三角形,再叠加一个右下角高度稍矮的直角三角形。移动到合适的位置。
1、CSS规则气泡实现
首先画一个矩形,设置定位,然后画一个小三角,绝对定位于矩形下方;描边气泡:在画一个同样的小三角,背景与矩形背景一致,叠加在上一个三角形上,定位上移。注意:第二个小三角上移的距离不等于矩形边框宽度。
2、不规则气泡:首先在画一个右下角的直角三角形,再叠加一个右下角高度稍矮的直角三角形。移动到合适的位置。
本文标题:小三角与气泡
本文链接:https://www.haomeiwen.com/subject/tbdijttx.html
网友评论