Hướng dẫn css add text to div - css thêm văn bản vào div

Ví dụ

Nội dung văn bản

CSS có thể chèn nội dung văn bản trước hoặc sau một phần tử. Để chỉ định điều này, hãy thực hiện một quy tắc và thêm

Joe's Task: reconcile all entries.

Joe's Task: reconcile all entries.

Joe's Task: reconcile all entries.

HTML

A text where I need to <span class="ref">somethingspan>

CSS

.ref::before {
  font-weight: bold;
  color: navy;
  content: "Reference ";
}

Đầu ra

Theo mặc định, bộ ký tự của bảng kiểu là UTF-8, nhưng nó cũng có thể được chỉ định trong liên kết, trong chính biểu định kiểu hoặc theo những cách khác. Để biết chi tiết, xem biểu diễn biểu diễn kiểu kiểu CSS 4,4 trong đặc tả CSS.

Các ký tự riêng lẻ cũng có thể được chỉ định bởi một cơ chế thoát sử dụng dấu gạch chéo ngược làm nhân vật thoát. Ví dụ: "\ 265b" là biểu tượng cờ vua cho một nữ hoàng đen. Để biết chi tiết, xem tham khảo các ký tự không được biểu diễn trong mã hóa ký tự và ký tự và trường hợp trong đặc tả CSS.

Nội dung hình ảnh

Để thêm hình ảnh trước hoặc sau một phần tử, bạn có thể chỉ định URL của tệp hình ảnh trong giá trị của thuộc tính

Joe's Task: reconcile all entries.

Quy tắc này thêm một không gian và biểu tượng sau mỗi liên kết có lớp

Joe's Task: reconcile all entries.

HTML

<a href="developer.mozilla.org" class="glossary">developer.mozilla.orga>

CSS

a.glossary::after {
  content: " " url("glossary-icon.gif");
}