气泡内样式

选择器

气泡内嵌 iframe 加载文本.wave-text

如图所示,给文本加了红色边框:

另附官方样式,实现了波浪动画:

.wave-text span {
  display: inline-block;
  animation: wave 2s ease-in-out infinite;
  font-family: var(--mainFontFamily);
}

.wave-text span:nth-child(1) {
  animation-delay: 0s;
}
.wave-text span:nth-child(2) {
  animation-delay: 0.2s;
}
.wave-text span:nth-child(3) {
  animation-delay: 0.4s;
}
.wave-text span:nth-child(4) {
  animation-delay: 0.6s;
}
.wave-text span:nth-child(5) {
  animation-delay: 0.8s;
}
.wave-text span:nth-child(6) {
  animation-delay: 1s;
}
.wave-text span:nth-child(7) {
  animation-delay: 1.2s;
}

消息框.mes_text

如图所示,把消息框背景颜色设为了深红,并且给内部的段落(.mes_text p)设置了绿色的边框:

消息内强调文本.mes_text em

如图所示,强调文本的颜色被设置为了红色:

消息内引用文本.mes_text q

如图所示,引号内的文本颜色被设置为了红色: