html5 테두리 설정 방법: 먼저 HTML 샘플 파일을 만든 다음 ""와 같은 코드를 사용하여 div를 만들고 마지막으로 테두리 속성을 통해 테두리 스타일을 설정합니다.
이 문서의 운영 환경: Windows7 시스템, HTML5&&CSS3 버전, Dell G3 컴퓨터.
HTML5 테두리 설정(테두리)
테두리 스타일:
실선 점선 점선 점선 이중 이중선 삽입 입체 효과
테두리에는 3가지 요소가 있으며 사용법은 border-top:10px입니다. soild red;
border-top:上边 border-bottom:下边 border-left:左边 border-right:右边
예:
CSS는 삼각형을 그립니다.
CSS2는 테두리 색상 값을 투명하게 도입합니다. 이 값은 너비가 있는 보이지 않는 테두리를 만드는 데 사용됩니다. 아래 예를 참조하세요.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>透明边框</title>
<style>
body{
background:#333300;
}
#a{
width:0px;
height:0px;
border-top:30px solid red;
border-bottom:30px solid transparent;
border-left:30px solid transparent;
border-right:30px solid transparent;
}
</style>
</head>
<body>
<div id=a></div>
</body>
</html>투명 테두리 설정의 장점은 페이지 배경이 흰색이 아닌 경우 투명 테두리를 설정한 후 테두리가 표시되지 않는다는 것입니다. 일반적인 방법은 테두리 색상을 설정하는 것입니다. 흰색으로 배경이 흰색이 아닌 경우 색상의 경우 흰색 영역이 노출된 것을 볼 수 있습니다.
【추천 학습: HTML 비디오 튜토리얼】
위 내용은 HTML5 테두리를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
