HTML5 테두리를 설정하는 방법
- 藏色散人원래의
- 2021-04-12 10:26:512555검색
html5 테두리 설정 방법: 먼저 HTML 샘플 파일을 만든 다음 "3c395d7febb2ac971833ed5ea4c77c4f16b28748ea4df4d9c2150843fecfba68"와 같은 코드를 사용하여 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：HTML의 블록 요소는 무엇입니까?다음 기사：HTML의 블록 요소는 무엇입니까?