[html] CSS로 점선을 그리는 방법?

Program / 글쓴이

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태그에 적용하는 모든 기본 테두리 스타일을 제거하려면 먼저 와야 합니다.

답변

‘border : 1px dot black’과 같은 의미입니까?

w3schools.com 참조

답변

이 줄은 당신을 위해 작동합니다.

<hr style="border-top: 2px dotted black"/>

답변

.myclass {
    border-bottom: thin red dotted;
}