Cách thực hiện - Hình ảnh Avatar
Tìm hiểu cách tạo ảnh đại diện bằng CSS.
Cách tạo ảnh đại diện
Bước 1) Thêm HTML:
Ví dụ
<img src="avatar.png" alt="Avatar" class="avatar">
Bước 2) Thêm CSS:
Đặt height
và width
phù hợp trông đẹp mắt và sử dụng thuộc tính border-radius
để thêm các góc bo tròn cho hình ảnh. 50% sẽ làm cho hình ảnh trở thành hình tròn:
Ví dụ
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Hãy tự mình thử »Hãy xem Hướng dẫn về hình ảnh CSS của chúng tôi để tìm hiểu thêm về cách tạo kiểu cho hình ảnh.