나는 이와 같은 것을 성취하고 싶다.
내 접근 방식은 hr 태그를 가져 와서 나누고 커스텀하는 것이 었습니다. 하지만 그렇게해서 어떤 결과도 얻지 못했습니다. 이 논리를 얻는 데 도움이 필요하거나 더 나은 대안이 있으면 나와 공유하십시오!
감사 !!
<hr>을 여러 부분으로 나누는 방법은 무엇입니까? [복제]
2020. 8. 19. 00:39
반응형
질문
답변1
시간의 상단 또는 하단에 CSS 테두리를 설정하고 대시 설정을 적용 할 수 있습니다.
hr {
border-top: 4px dashed red;<!DOCTYPE html>
<html>
<body>
<h1>Lorem ipsum</h1>
<hr>
</body>
</html>또는 width가 다른 인라인 블록으로 여러 시간 세트를 사용하십시오.
.inlineHr {
display: inline-block;
border-top: 4px solid black;
}
.hr1 {
width:120px;
}
.hr2 {
width: 60px;
mergin-left: 10px;
}
.hr3 {
width: 20px;
mergin-left: 10px;
}<!DOCTYPE html>
<html>
<body>
<h1>Lorem ipsum</h1>
<hr class='inlineHr hr1' />
<hr class='inlineHr hr2' />
<hr class='inlineHr hr3' />
<p>Here is the following text</p>
</body>
</html>
출처 : https://stackoverflow.com/questions/63112457/how-to-divide-hr-into-multiple-parts
반응형
이 글을 공유합시다
