> 웹 프론트엔드 > HTML 튜토리얼 > HTML에 인라인 레이어를 추가하는 방법은 무엇입니까?

HTML에 인라인 레이어를 추가하는 방법은 무엇입니까?

WBOY
풀어 주다: 2023-08-29 17:37:09
앞으로
1142명이 탐색했습니다.

HTML에 인라인 레이어를 추가하는 방법은 무엇입니까?

인라인 레이어를 추가하려면 태그를 사용하세요. HTML 태그는 텍스트를 포함하는 흐름 내에서 공간을 차지하는 레이어를 만드는 데 사용됩니다. 후속 콘텐츠는 가 차지하는 공간 뒤에 배치됩니다.

이는 포함된 텍스트 흐름 위에 레이어를 생성하여 후속 콘텐츠를 방금 생성된 레이어에 배치할 수 있는 태그와 대조됩니다.

HTML

태그는 다음 속성을 지원합니다. -

속성 값 설명 위 레이어인라인 이미지 z 순서에서 현재 레이어 바로 위에 배치될 레이어의 이름입니다.BackgroundURL이미지의 파일 이름 또는 URL과 인라인 레이어의 텍스트 이미지가 나타납니다. Below Layersz 순서로 현재 레이어 바로 아래에 배치하려는 인라인 레이어의 이름입니다. bgcolorrgb(x,x,x)인라인 레이어 배경에 사용되는 색상입니다. ClipNumber인라인 레이어의 가시 영역 좌표입니다. Heightpixels인라인 레이어의 높이(픽셀 단위)입니다. leftnumber인라인 레이어의 왼쪽 위치입니다. 현재 인라인 레이어가 다른 레이어의 일부인 경우. 상위 레이어라고 합니다. 위치는 상위 레이어를 기준으로 합니다. NameLayer인라인 레이어의 이름입니다. pagexnumber브라우저 창을 기준으로 인라인 레이어의 왼쪽 위치입니다. pageynumber브라우저 창을 기준으로 한 인라인 레이어 상단의 위치입니다. srcURL인라인 레이어 내에 표시될 페이지의 URL입니다. topnumber인라인 레이어의 상단 위치입니다. 현재 인라인 레이어가 상위 레이어라고 하는 다른 레이어인 경우 위치는 상위 레이어를 기준으로 합니다. Visibilityshow인라인 레이어가 표시되는지 여부를 결정합니다. ㅋㅋㅋ z 순서에서 인라인 레이어의 위치입니다. Z-INDEX 값이 높은 인라인 레이어는 Z-INDEX 값이 낮은 인라인 레이어 위에 배치됩니다. 태그 -

>

name

Name

#xxxxxx

색상 이름

td>

Name

p>

인라인 레이어의 너비(픽셀 단위)입니다.

z-index

number

다음 코드를 실행하여

<!DOCTYPE html>
<html>
   <head>
      <title>HTML ilayer Tag</title>
   </head>
   <body>
      This <ilayer top = "4">word</ilayer> is shifted down, while this
      <ilayer left = "10">one</ilayer> is shifted over. With a negative value,
      words can be moved <ilayer top = "-4">up</ilayer> and to the
      <ilayer left = "-10">left</ilayer>.
</body>
</html>
로그인 후 복사
를 달성할 수 있습니다.

위 내용은 HTML에 인라인 레이어를 추가하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿