html에서 hr은 무엇을 의미하나요?

HTML에서 hr은 "수평선"을 의미하며 페이지에 수평선을 만드는 데 사용되는 태그입니다. hr 요소는 닫는 태그 없이 HTML 페이지의 콘텐츠를 분리하는 데 사용됩니다. 분리해야 하는 요소 사이에 "

---

"를 직접 추가하면 됩니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

---

태그는 HTML 페이지의 주제 변경(예: 주제 이동)을 정의하며 수평선으로 표시됩니다.

---

요소는 HTML 페이지에서 콘텐츠를 분리하거나 변형을 정의하는 데 사용됩니다.

설명:

• HTML5에서

  ---

  은 콘텐츠의 테마 변형을 정의하고 가로선으로 표시됩니다.

• HTML 4.01에서는

  ---

  태그가 가로선으로만 표시됩니다.

• HTML에서는

  ---

  태그에 닫는 태그가 없습니다.

html

---

태그 속성

속성	값	설명
align	left center right	는 요소의 정렬을 지정하고
noshade	noshade	는 단색으로 렌더링될 요소의 색상을 지정합니다.
size	pixels	HT 요소의 높이를 지정합니다.
width	pixels %	요소의 너비를 지정합니다.

예:

<h1>HTML</h1>
<p>HTML 是用于描述 web 页面的一种语言。</p>

<hr>

<h1>CSS</h1>
<p>CSS 定义如何显示 HTML 元素。</p>

렌더링:

페이지를 아름답게 만들기 위해

---

을 사용하는 것은 말할 것도 없고 전혀 아름답지 않은 검은 선임을 알 수 있습니다. CSS를 사용해야 합니다. hr의 스타일을 설정해 보겠습니다.

예:

1. CSS는 hr

<hr   style="max-width:90%"/><!--修改的样式-->
<br />
<hr /><!--默认的样式-->

의 두께(굵게)와 색상을 설정합니다. CSS는 hr

<hr   style="max-width:90%"/>

3의 이중선 스타일을 설정합니다. 시간

html 코드:

<hr class="style-one"/>
<br/>
<hr class="style-two"/>

css 코드:

hr.style-one {/*透明渐变水平线*/
    width:80%;
    margin:0 auto;
    border: 0;
    height: 4px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}
hr.style-two{/*渐变*/
    width:80%;
    margin:0 auto;
    border: 0;
    height: 4px;
    background: #333;
    background-image: linear-gradient(to right, red, #333, rgb(9, 206, 91));
}

추천 튜토리얼: "html 비디오 튜토리얼"

위 내용은 html에서 hr은 무엇을 의미하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!