>  기사  >  웹 프론트엔드  >  HTML에서 div에 테두리를 추가하는 방법

HTML에서 div에 테두리를 추가하는 방법

coldplay.xixi
coldplay.xixi원래의
2021-03-01 15:17:4644392검색

HTML에서 div에 테두리를 추가하는 방법: 먼저 새 HTML 페이지를 만들고 [

]에 [
] 태그를 작성한 다음 내부적으로 CSS를 포함하거나 외부에서 CSS 파일을 참조하여 스타일을 추가합니다. div; 그런 다음 테두리 스타일을 균일하게 설정하는 방법을 사용할 수 있으며 마지막으로 테두리 스타일을 별도로 설정하는 방법을 사용할 수 있습니다.

HTML에서 div에 테두리를 추가하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, html5 버전, DELL G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

html에서 div에 테두리를 추가하는 방법:

1. 새 HTML 페이지를 만듭니다.

HTML에서 div에 테두리를 추가하는 방법

2. HTML의 中写上<div> 태그에서 브라우저를 열면 해당 렌더링이 표시됩니다. <p><img src="https://img.php.cn/upload/image/141/317/122/1614582990612457.png" title="1614582990612457.png" alt="HTML에서 div에 테두리를 추가하는 방법"></p> <p><img src="https://img.php.cn/upload/image/606/768/264/1614582994793976.png" title="1614582994793976.png" alt="HTML에서 div에 테두리를 추가하는 방법"></p> <p>3. CSS를 내부적으로 중첩하거나 외부에서 CSS 파일을 참조(일반적으로 외부 참조)하여 div에 스타일을 추가합니다. </p> <p>4. 스타일을 추가하는 두 가지 방법: </p> <p> 먼저 테두리 스타일을 균일하게 설정합니다. </p> <p><img src="https://img.php.cn/upload/image/234/143/856/1614583004213775.png" title="1614583004213775.png" alt="HTML에서 div에 테두리를 추가하는 방법"></p> <p><img src="https://img.php.cn/upload/image/666/517/246/1614583010947147.png" title="1614583010947147.png" alt="HTML에서 div에 테두리를 추가하는 방법"></p> <p> 두 번째, 테두리 스타일을 별도로 설정합니다. 규칙은 여전히 ​​동일합니다. </p> <p><img src="https://img.php.cn/upload/image/311/102/180/1614583016397895.png" title="1614583016397895.png" alt="HTML에서 div에 테두리를 추가하는 방법"></p> <p><img src="https://img.php.cn/upload/image/816/634/736/1614583020396662.png" title="1614583020396662.png" alt="HTML에서 div에 테두리를 추가하는 방법"></p> <blockquote><p><strong>관련 학습 권장사항: </strong><a href="//m.sbmmt.com/course/list/11.html" target="_blank"><strong>html 비디오 튜토리얼</strong></a></p></blockquote> </div>

위 내용은 HTML에서 div에 테두리를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.