Cách tạo: hình ảnh avatar

Học cách sử dụng CSS để tạo hình ảnh avatar.

Avatar Avatar Avatar Avatar Avatar

Cách tạo hình ảnh avatar

Bước 1 - Thêm HTML:

<img src="avatar.png" alt="Avatar" class="avatar">

Bước 2 - Thêm CSS:

để thiết lập phù hợp và trông đẹp. height và widthvà sử dụng border-radius thuộc tính thêm góc bo cho hình ảnh.50% sẽ biến hình ảnh thành hình tròn:

.avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

Thử ngay

Trang liên quan

Giáo trình:CSS hình ảnh