After css

by Bang Nguyen

HTML

<!-- after css -->
<h2>Ví dụ: before css</h2>
<p>1. Thêm dấu ngoặc trước văn bản trích dẫn: </p>
<q class="quote">Thành công đến từ nỗ lực!</q>

<p>2. Thêm biểu tượng trước danh sách:</p>
<ul> <li class="custom">Mục 1</li> <li class="custom">Mục 2</li> </ul>
<hr/>
<!-- before css -->
<h2>Ví dụ: after css</h2>
<p>1. Thêm văn bản sau phần tử:</p>
<p class="example">Chào bạn</p>
<p>
</p>

CSS

.quote::before { content: "“"; color: gray; font-size: 24px; }
.custom::before { content: "→ "; color: green; font-weight: bold; }

.example::after { content: " - Xin chào!"; color: blue; }