Huong dan, quy dinh du an mau
This commit is contained in:
@@ -27,9 +27,9 @@
|
|||||||
<li>Sau đó sẽ gộp chung các ảnh icon thành 1 ảnh lớn</li>
|
<li>Sau đó sẽ gộp chung các ảnh icon thành 1 ảnh lớn</li>
|
||||||
<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>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
|
<p>VD: ảnh có kích thước 500x500, vị trí hiển thị icon là: x = -200px, y = 0<br/>
|
||||||
<strong style="display: block">.icons {background: url(../images/sprite.png) no-repeat;background-size: 250px 250px;}</strong>
|
<strong>.icons {background: url(../images/sprite.png) no-repeat;background-size: 250px 250px;}</strong><br/>
|
||||||
<strong style="display: block">.icons.icon-search{background-position: -200px 0;}</strong>
|
<strong>.icons.icon-search{background-position: -200px 0;}</strong>
|
||||||
</p>
|
</p>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|||||||
Reference in New Issue
Block a user