CSS에서 구분선을 설정하는 방법: 먼저 HTML 인스턴스 파일을 만든 다음 본문에 세 개의 div를 만들고 마지막으로 두 번째 div의 스타일을 "padding-top:3px;width:40%;border-top"으로 설정합니다. : 1px 솔리드 #666666;"이 됩니다.
이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.
기본 HTML+CSS를 사용하여 구분선 만들기
코드는 다음과 같습니다.
<html>
<title>分割线</title>
<body>
<div>
<span>设备：</span>
<span>1</span>
</div>
<div class="order">
<span style="white-space:pre"> </span><span class="line"></span>
<span style="white-space:pre"> </span><span class="txt">这里是一个分割线</span>
<span style="white-space:pre"> </span><span class="line"></span>
</div>
<div>
<span>设备：</span>
<span>2</span>
</div>
<style type="text/css">
.order {
height: 20px;
line-height: 20px;
text-align: center;
}
.order .line {
display: inline-block;
padding-top : 3px;
width: 40%;
border-top: 1px solid #666666;
}
.order .txt {
color: #333333;
font-size: 12px;
vertical-align: middle;
}
</style>
</body>
</html>효과는 다음과 같습니다.
동영상 공유 학습: css 동영상 튜토리얼
위 내용은 CSS에서 구분선을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
