집 > 기사 > 웹 프론트엔드 > 아래쪽 테두리를 표시하지 않도록 CSS를 설정하는 방법

아래쪽 테두리를 표시하지 않도록 CSS를 설정하는 방법

Css에 하단 테두리가 표시되지 않도록 설정하는 방법: 먼저 HTML 샘플 파일을 만든 다음 본문에 p 태그 콘텐츠를 만들고 마지막으로 하단을 표시하지 않도록 "border-bottom:none;" 속성을 설정합니다. 국경.

이 기사의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.

요소의 테두리는 요소의 콘텐츠와 패딩을 둘러싸는 하나 이상의 선입니다. CSS 테두리 속성을 사용하면 요소 테두리의 스타일, 너비 및 색상을 지정할 수 있습니다.

border-bottom 속성을 none으로 설정하면 하단 테두리가 표시되지 않도록 설정할 수 있습니다.

예:

<html>
<head>
<style type="text/css">
p 
{
border-style:solid;
border-bottom:none;
}
</style>
</head>
<body>
<p>设置下边框不显示</p>
</body>
</html>

실행 결과:

아래쪽 테두리를 표시하지 않도록 CSS를 설정하는 방법

스타일은 테두리의 가장 중요한 측면입니다. 스타일이 테두리 표시를 제어하기 때문이 아닙니다(물론 스타일이 테두리 표시를 제어합니다). 하지만 스타일이 없으면 국경도 전혀 없기 때문입니다.

border-style 속성은 요소의 모든 테두리 스타일을 설정하거나 각 측면의 테두리 스타일을 개별적으로 설정하는 데 사용됩니다.

테두리는 이 값이 없음이 아닌 경우에만 나타날 수 있습니다.

예시1

border-style:dotted solid double dashed;

윗쪽 테두리가 점선

오른쪽 테두리가 실선

아래쪽 테두리가 이중선

왼쪽 테두리가 점선

예시2

border-style:dotted solid double;

윗쪽 테두리가 점선

오른쪽 테두리와 왼쪽 테두리가 실선

아래 테두리가 이중선

예시 3

border-style:dotted solid;

상하 테두리가 점선

오른쪽 및 왼쪽 테두리가 실선

예시 4

border-style:dotted;

4개의 테두리는 모두 점입니다. Status

위 내용은 아래쪽 테두리를 표시하지 않도록 CSS를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：