Hướng dẫn viết CSS tooltip

Hướng dẫn viết CSS tooltip cho blogspot đơn giản dễ hiểu dễ làm, khi chúng ta rê chuột vô thì hiển thị đoạn văn bản dạng tooltip

Đầu tiên bạn viết HTML như sau

<span data-tooltip=”Hướng dẫn viết CSS tooltip”>Hướng dẫn viết CSS tooltip</span>

Và CSS như dưới

span::before {
  content: attr(data-tooltip);
}

span:hover::before {
  display: inline-block;
}

Demo bên dưới, các bạn rê chuột vô dòng chữ

Hướng dẫn viết CSS tooltip