.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 코드의 색상 테두리를 지정
그리고 나머지는 조금 있다가 업데이트...
상세한 설명 감사합니다.( _ _ )