1. Mã nguồn HTML
Bắt đầu với một blockquote và một số văn bản.
<blockquote> Xin chào, Tôi là một đôi báo giá …</ blockquote>
2. Ghi rõ blockquote
Blockquote yếu tố xác định như sau:
blockquote (
Phông chữ: 1.2em/1.6em Georgia, “Times New Roman”, Times, serif;
width: 400px;
background: url (hình ảnh / đóng-quote.gif) không lặp lại dưới cùng bên phải;
padding-left: 18px;
text-indent:-18px;
)
Các mã CSS ở trên sẽ hiển thị đóng-quote.gif đồ hoạ nền ở góc dưới cùng bên phải. Các padding-left-indent và văn bản sẽ tạo ra một treo của indent-18px. Nó sẽ giống như thế này:
3. Ký tự trước blockquote
Bây giờ thêm 18px padding để sang bên trái đầu tiên-thư blockquote. Điều này sẽ làm cho văn bản align với nhau. Sau đó hiển thị mở quote.gif ở đầu trang góc trái. Lưu ý tôi thực hiện các chữ cái đầu tiên trong font chữ phong cách khác nhau chỉ để nhìn đẹp.
blockquote: chữ cái đầu tiên-(
background: url (hình ảnh / mở-quote.gif) không lặp lại bên trái đầu trang;
padding-left: 18px;
Phông chữ: nghiêng 1.4em Georgia, “Times New Roman”, Times, serif;
)
chúc thành công
