브라우저별 구분선 시간 차이에 대해_HTML/Xhtml_웹페이지 제작

페이지를 만들 때 hr이라는 구분선을 사용하는 경우가 있는데, ie6, ie7에서 표시하는 것은 매우 고통스럽습니다. 이 글에서는 다양한 브라우저에 대응하는 hr을 작성하는 방법을 알려드리겠습니다.

홈 페이지 먼저 다음 표에 표시된 대로 각 브라우저의 hr 차이를 이해해 보겠습니다.

예를 들어 실제 높이가 3px, 테두리 1px, 테두리 색상 #07f , 배경색 #f60으로 구분선:

코드 복사

코드는 다음과 같습니다:

hr{
height:1px
background-color:#f60
border:1px solid #000; 🎜>*height:3px;/* ie6 ie7의 경우 */
color: #f60;/* ie6 ie7의 경우 */
}
@-moz-document url-prefix(){ hr{height :3px;}} /* 파이어폭스의 경우 */