CSS trước sau đường kẻ ngang

Thử nó

Ghi chú. Các phần tử giả được tạo bởi

<q>Some quotesq>, he said, <q>are better than none.q>

<q>Some quotesq>, he said, <q>are better than none.q>

<q>Some quotesq>, he said, <q>are better than none.q>

<q>Some quotesq>, he said, <q>are better than none.q>

cú pháp

::before

Ghi chú. Bộ chọn cấp 3 đã giới thiệu ký hiệu dấu hai chấm

<q>Some quotesq>, he said, <q>are better than none.q>

<q>Some quotesq>, he said, <q>are better than none.q>

ví dụ

Thêm dấu ngoặc kép

Một ví dụ đơn giản về việc sử dụng phần tử giả

<q>Some quotesq>, he said, <q>are better than none.q>

<q>Some quotesq>, he said, <q>are better than none.q>

<q>Some quotesq>, he said, <q>are better than none.q>

HTML

<q>Some quotesq>, he said, <q>are better than none.q>

CSS

<q>Some quotesq>, he said, <q>are better than none.q>

Kết quả

ví dụ trang trí

Chúng ta có thể tạo kiểu cho văn bản hoặc hình ảnh trong thuộc tính

<q>Some quotesq>, he said, <q>are better than none.q>

HTML

<q>Some quotesq>, he said, <q>are better than none.q>

CSS

<q>Some quotesq>, he said, <q>are better than none.q>

Kết quả

Những việc cần làm

Trong ví dụ này, chúng tôi sẽ tạo một danh sách việc cần làm đơn giản bằng cách sử dụng các phần tử giả. Phương pháp này thường có thể được sử dụng để thêm các chi tiết nhỏ vào giao diện người dùng và cải thiện trải nghiệm người dùng

HTML

<q>Some quotesq>, he said, <q>are better than none.q>

CSS

<q>Some quotesq>, he said, <q>are better than none.q>

JavaScript

<q>Some quotesq>, he said, <q>are better than none.q>

Đây là ví dụ mã trên đang chạy trực tiếp. Lưu ý rằng không có biểu tượng nào được sử dụng và dấu kiểm thực sự là

<q>Some quotesq>, he said, <q>are better than none.q>

Kết quả

Ký tự đặc biệt

Vì đây là CSS; . Nếu bạn cần sử dụng một ký tự đặc biệt và không thể nhập ký tự đó theo nghĩa đen vào chuỗi nội dung CSS của mình, hãy sử dụng chuỗi thoát unicode, bao gồm dấu gạch chéo ngược theo sau là giá trị unicode thập lục phân

HTML

<q>Some quotesq>, he said, <q>are better than none.q>

CSS

<q>Some quotesq>, he said, <q>are better than none.q>

Kết quả

Mối quan tâm về khả năng tiếp cận

Việc sử dụng phần tử giả

<q>Some quotesq>, he said, <q>are better than none.q>

Cách thêm dòng trước và sau trong CSS?

Bạn có thể tạo kiểu CSS cho một đường ngang không?

Sau và trước trong CSS là gì?