Cách tạo: hình ảnh góc tròn

Học cách sử dụng CSS để tạo hình ảnh góc tròn.

Avatar Avatar

Cách tạo hình ảnh góc tròn

Bước 1 - Thêm HTML:

<img src="img_avatar.png" alt="Avatar">

Bước 2 - Thêm CSS:

Sử dụng border-radius Thuộc tính thêm góc tròn cho hình ảnh. 50% sẽ làm cho hình ảnh trở thành hình tròn:

img {
  border-radius: 50%;
}

Thử ngay

Trang liên quan

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