CSS로 점선을 어떻게 그릴 수 있습니까?
답변
예를 들면 :
hr {
border:none;
border-top:1px dotted #f00;
color:#fff;
background-color:#fff;
height:1px;
width:50%;
}
CSS로 스타일링 <hr>
을 참조하십시오 .
답변
<style>
.dotted {border: 1px dotted #ff0000; border-style: none none dotted; color: #fff; background-color: #fff; }
</style>
<hr class='dotted' />
답변
HTML 사용 :
<div class="horizontal_dotted_line"></div>
및 styles.css에서 :
.horizontal_dotted_line{
border-bottom: 1px dotted [color];
width: [put your width here]px;
}
답변
받아 들여지는 대답에는 더 이상 최신 브라우저에 필요하지 않은 많은 내용이 있습니다. IE8까지 모든 브라우저에서 개인적으로 다음 CSS를 테스트했으며 완벽하게 작동합니다.
hr {
border: none;
border-top: 1px dotted black;
}
border: none
브라우저가 hr
태그에 적용하는 모든 기본 테두리 스타일을 제거하려면 먼저 와야 합니다.
답변
답변
이 줄은 당신을 위해 작동합니다.
<hr style="border-top: 2px dotted black"/>
답변
.myclass {
border-bottom: thin red dotted;
}