목록둥근 이미지 (1)

웹솔루션개발 25년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 프로필 사진처럼 이미지 동그랗게 (동그란 이미지) 처리하는 방법

페이스북이나 각종 SNS 웹페이지에서 주로 보여지고 있는 둥근 프로필 이미지를 포토샵없이 CSS만으로 가능한데요, 바로 border-radius 를 이용하면 됩니다.. 만약 이미지 크기가 100px * 100px 라면 img { width: 100px; height:100px; border-radius: 50px; /* 이미지 반크기만큼 반경을 잡기*/ } 2. 레이어에 백그라운드 이미지 깔고 border-radius 사용 #radius-box { width: 100px; height: 100px; background-image:url("배경이미지경로"); border-radius: 150px; /* 레이어 반크기만큼 반경을 잡기*/ display: table-cell; vertical-align: mi..
웹프로그램밍 자료실/HTML 자료 2016. 12. 19. 08:59
Prev 1 Next