[마꾸] 11. 모서리 둥글게 하기

1. 방법

소스를 메모장에 복사 > 둥근면의 둘레값 변경 > css 소스 정리 > 스타일 시트(CSS)에 복사 > 확인


2. 소스




/***************** 모서리 둥글게 ****************/


/* 좌측상단 본인 메뉴창 */
.mypiEdit{border-radius: 10px;}

/* 좌측상단 방문자가 보는 메뉴창 */
.mypiMeet{border-radius: 10px;}


/* 가운데 인사말 */
.mypiComment{border-radius: 10px;}

/* 가운데 게시물 리스트 */
.mypiList{border-radius: 10px;}

/* 게시물 내용 전체 */
#mypiRead{border-radius: 10px;}

/* 게시물 댓글 */
.mypiComm{border-radius: 10px;}



3. 영상





4. 추가 내용

- 설정값을 높일수록 둥근면이 넓어집니다.
- 둥근면과 관련된 자세한 내용은 밑에 추천 사이트에서 보실 수 있습니다.
- 이외에도 다양한 영역의 모서리를 둥근면으로 만들어주실 수 있습니다.
- 위에 소스를 전부 복사해서 사용하시는 것보다 필요한 부분들을 선택적으로 복사하셔서 사용하는 것이 좋습니다.



5. 추천 사이트

- CSS3을 사용하여 둥근 모서리를 추가하는 방법 : https://msdn.microsoft.com/ko-kr/library/gg589503(v=vs.85).aspx

[비모 Grimmy]

고마워요!

[스타오션3]

비모님 감사합니다 //_//

[시폴]

정말 고맙습니다!!

[스타오션3]

시폴님 감사합니다 :>

[칼쑤마졍이]

감사히 쓰겠습니다~

[스타오션3]

칼쑤마졍이님 감사합니다 :D

[エメ]

잘보고갑니다 낮에 적용시켜봐야겠어요~

[스타오션3]

エメ님 마이피 이쁘게 꾸미세요 :>

[롤lol롤]

감사합니다 좋은 정보에요!

[스타오션3]

롤롤님 감사합니다.