다양한 브라우저의 hr태그 문제점 설명_HTML/Xhtml_웹페이지 제작

일반적으로 HR을 보는 경우는 거의 없지만 일단 보게 되면 삶과 죽음의 차이를 의미할 수 있습니다. HTML에서도 마찬가지입니다.

---

를 자주 볼 수는 없지만, 일반적으로 이를 보면 완벽한 구분선을 사용할 수 있는지 여부가 결정됩니다. 여기에서는 사진을 첨부하지 않고 참고용으로 나열하겠습니다.

	正常浏览器	IE6、7	Firefox
实际高度	height border-right-width border-left-width	height	height
背景色	background-color	background color(当高度<2px时，显示高度为灰色投影，需要color来设置颜色，相同于文字)	background-color

예를 들어 실제 높이가 3px, 네 변이 1px, 테두리 색상이 #07f, 기타 부분의 색상이 #f60인 구분선을 만들려면 다음을 알아보세요.

코드 복사

코드는 다음과 같습니다.

hr{
height:1px; 🎜>*height:3px; 색상:#f60;/ * ie6 ie7 */;
background-color:#f60;
border:1px solid #07f; -document url-prefix(){ hr{height:3px ;}} /* Firefox용 */


노동력을 절약해 주는 다른 솔루션이 있나요?