Ồ, đâu có thấy gì lạ đâu ?
Bây giờ mình có vài hướng dẫn với các bạn không biết CSS, xin các pro thông cảm nhé.
Trước hết mình nói các giá trị của quote mặc định để các bạn tự làm theo ý thích nhé. Mặc định trong CSS nó như thế này:
Chỉ cần sửa các giá trị mặc định này lại đôi chút là nhìn được rồi, đâu cần gì cao siêu.
Còn nâng cao thêm một chút các bạn có thế tham khảo và bổ sung các giá trị khác như:
Các bạn có thể tìm thêm các giá trị khác
Ví dụ mình viết thế này:
Kết quả:
Bây giờ mình có vài hướng dẫn với các bạn không biết CSS, xin các pro thông cảm nhé.
Trước hết mình nói các giá trị của quote mặc định để các bạn tự làm theo ý thích nhé. Mặc định trong CSS nó như thế này:
code CSS | Ý nghĩa |
.quote{ font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #444444; line-height: 125%; background-color: #fafafa; border: #d1d7dc; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px} | Font Kích thước font màu chữ chiều cao dòng màu nền Màu đường viền (khung) Kiểu khung Độ dày cạnh trái khung Độ dày cạnh trên khung Độ dày cạnh phải khung Độ dày cạnh dưới khung |
Còn nâng cao thêm một chút các bạn có thế tham khảo và bổ sung các giá trị khác như:
Code CSS | Ý nghĩa |
padding:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align: justify; font-weight: Bold; background-image:url('link ảnh nền'); | Khoảng cách giữa biên khung và chữ Bo tròn góc Bo tròn góc Căn chữ đều hai bên Chữ đậm Hình nền (Thay cho background-color là màu nền |
Ví dụ mình viết thế này:
|
Kết quả: