Как сделать треугольник на блоке?

Question

[barabash2090]

Сделал треугольник на блоке(сообщение), но по дизайну на блоке идет border.Не могу задать border на этот треугольник.

Answer 1

[0xD34F]

.text::after {
  content: '';
  position: absolute;
  left: 23px;
  top: -10px;
  width: 16px;
  height: 16px;
  background: #f2fbff;
  border: 1px solid transparent;
  border-top-color: #cfcfcf;
  border-left-color: #cfcfcf;
  transform: rotate(45deg);
}