« Web, HTML, Tech Forum

round profile picture border

yoris's profile picture

Posted by yoris

posted

Forum: Web, HTML, Tech

View Topics View Profile

anyone knows the code to round the profile picture's borders?


Report Topic

3 Replies

Sort Replies:

Ms Myspace's profile picture

Reply by Ms Myspace

posted

You use the border-radius property. So it would be like

.profile-pic {
border-radius: 200px;
}


Permalink Report Reply

☆ grace's profile picture

Reply by ☆ grace

posted

.profile-pic {

border-radius: 500px;

overflow: hidden;

}


.profile .friends .person img {

border-radius: 500px;

}


Permalink Report Reply

Dan Morose's profile picture

Reply by Dan Morose

posted

use 50% instead of 200px and it will make it a perfect circle.


Permalink Report Reply