Làm thế nào để - Ảnh đại diện
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:
Thí dụ
<img src="avatar.png" alt="Avatar" class="avatar">
Bước 2) Thêm CSS:
Đặt một kết hợp phù hợp height
và width
trông đẹp mắt, đồng thời sử dụng thuộc border-radius
tính để thêm các góc tròn vào hình ảnh. 50% sẽ làm cho hình ảnh tròn:
Thí dụ
.avatar {
vertical-align: middle;
width: 50px;
height: 50px;
border-radius: 50%;
}
Đi tới 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.