[마이피 깍는 외계인] to 月요일 소년 님 리플 관련 부분(mypiReply) 파트2

해당 소스는 月요일소년 님 마이피

.mypiZmenu {
p-osition: relative;
height: 220px;
padding: 14px 7px 0 7px;
border-top: 1px solid #ccc;
}

.mypiZmenu{ --- 이전에도 설명했다시피 해당 CSS 위치를 알려주는 이름입니다.

p-osition: relative;

p-osition 코드는 본문을 이미지처럼 박아서 겹치게 하느냐 아니면 순서대로

나열하느냐를 나타냅니다. 이 코드는 여러방면으로 쓰이기 때문에 본문에

삽입시 자동으로 -가 붙으니 CSS에 넣으실때는 - 를 빼주시면 됩니다.

relative는 순서대로 정렬하는 것을 나타냅니다.

height: 220px;

전체 높이를 지정합니다. 아바타가 있다면 아바타 크기를 염두하시고 지정하세요.

padding: 14px 7px 0 7px;

이부분은 여백 을 나타냅니다. 각각 상단 오른쪽 하단 왼쪽 의 여백을 지정합니다.

지정하지 않으시면 기본 마이피 여백이 지정됩니다.

border-top: 1px solid #ccc;

이부분은 상단 테두리를 지정합니다. -top 를 지정하지 않으시면 모든 테두리가

지정됩니다. 순서대로 1px 두께의 solid 타입 색 #ccc 코드의 색상 테두리를 지정

그리고 나머지는 조금 있다가 업데이트...

[月요일 소년]

헉.. 이렇게 까지 해주실줄은 몰랐었는데
상세한 설명 감사합니다.( _ _ )