[Hỏi đáp] Hỏi cách làm tròn avatar ngoài index

mình muốn làm tròn avatar hiện ở ngoài index thì làm sao ạ
DEMO

cho vào CSS đoạn sau

Code:

border-radius: 100px

Thay 100 thành số mà bạn muốn vì mình test ở devs thì 100px là tròn rồi
ví dụ:
.cai-class-hien-thi-avatar {
border-radius: 100px;
}

Uh để mình test thử

Không được bạn ơi mình mới làm fm nên bạn chỉ mình tường tận đi :)

ví dụ:
Bạn có code như sau

Code:

<div class="avatar">cái này là để code hiện avatar, không dính tới</div>


thì bạn sẽ cho vào CSS như sau

Code:

.avatar {
border-radius: 100px;
}

Dùng lệnh border-radius: 5px :)

Thêm vào CSS:

Code:

.lastpost-avatar {
    display: block;
    padding: 0;
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 50%;
}
.lastpost-avatar img {
    height: auto;
    width: 100%;
    border-radius: 0;
}

Zzbaivong wrote:Thêm vào CSS:

Code:

.lastpost-avatar {
    display: block;
    padding: 0;
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 50%;
}
.lastpost-avatar img {
    height: auto;
    width: 100%;
    border-radius: 0;
}

cảm ơn Zzbaivong mình đae làm tròn được avatar nhân tiên em muốn hỏi cách xóa đi cái bài viết cùng chuyên mục trong hình dưới thì làm sao ạ

Không lạc đề. Thắc mắc khác mở topic khác.