Huong dan, quy dinh du an mau

This commit is contained in:
2023-03-25 11:18:16 +07:00
parent e4c22c8d73
commit a121f8052f

View File

@@ -27,9 +27,9 @@
<li>Sau đó sẽ gộp chung các ảnh icon thành 1 ảnh lớn</li>
<li>
<p>Trong file CSS sẽ tạo 1 class chứa ảnh ở trên, background-size sẽ giảm 50% để hiển thị chính xác kích thước của icon. Khi sử dụng sẽ bắt theo tọa độ ảnh: </p>
<p>VD: ảnh có kích thước 500x500, vị trí hiển thị icon là: x = -200px, y = 0 <br>
<strong>.icons {background: url(../images/sprite.png) no-repeat;background-size: 250px 250px;}</strong> <br>
<strong>.icons.icon-search{background-position: -200px 0;}</strong>
<p>VD: ảnh có kích thước 500x500, vị trí hiển thị icon là: x = -200px, y = 0
<strong style="display: block">.icons {background: url(../images/sprite.png) no-repeat;background-size: 250px 250px;}</strong>
<strong style="display: block">.icons.icon-search{background-position: -200px 0;}</strong>
</p>
</li>
</ul>