Cách tạo: Thẻ sản phẩm
- Trang trước Thẻ thông tin cá nhân
- Trang tiếp theo Cảnh báo
Học cách sử dụng CSS để tạo thẻ sản phẩm.

Quần Jeans Độ vừa vặn
$19.99
Một số văn bản về quần jeans. Super slim và thoải mái lorem ipsum lorem jeansum. Lorem jeamsun denim lorem jeansum.
Cách tạo thẻ sản phẩm
Bước 1 - Thêm HTML:
<div class="card"> <img src="jeans3.jpg" alt="Jeans" style="width:100%"> <h1>Quần Jeans Độ vừa vặn</h1> <p class="price">$19.99</p> <p>Một số văn bản về quần jeans...</p> <p><button>Thêm vào giỏ hàng</button></p> </div>
Bước 2 - Thêm CSS:
.card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); max-width: 300px; margin: auto; text-align: center; font-family: arial; } .price { color: grey; font-size: 22px; } .card button { border: none; outline: 0; padding: 12px; color: white; background-color: #000; text-align: center; cursor: pointer; width: 100%; font-size: 18px; } .card button:hover { opacity: 0.7; }
- Trang trước Thẻ thông tin cá nhân
- Trang tiếp theo Cảnh báo