HTML 프레임-작동 방식
웹 사이트의 미디어를보다 매력적으로 만들기 위해 HTML 코드를 사용하여 주위에 프레임을 그릴 수 있습니다. 이 실용적인 팁에서는 프레임 작동시 CSS (Cascading Style Sheet)가 제공하는 이점과 작동 방식을 보여줍니다.
HTML 코딩-이미지 및 기타 미디어 주위에 프레임 그리기
기본적으로 각 이미지에는 너비가 1 픽셀 인 프레임이 있습니다. 그러나 이것은 이미지가 하이퍼 링크로 사용되는 경우에만 표시됩니다. "테두리"속성을 사용하면 프레임의 두께를 개별적으로 정의 할 수 있습니다.
- HTML에서 10 픽셀 검은 색 프레임의 코드는 다음과 같습니다.
- 이 프레임은 사물의 모든면에 적용됩니다.
- 또는 Gimp와 같은 이미지 편집 프로그램을 사용하여 이미지 주위에 프레임을 그릴 수 있습니다.
- 그러나 이렇게하면 이미지가 커지고 웹 사이트 방문자가 이미지를 다운로드하는 데 시간이 더 오래 걸립니다.
CSS를 사용하여 HTML 문서에서 프레임 정의
CSS (Cascading Style Sheet)를 사용하여 프레임을 정의 할 수 있습니다 (예 : 텍스트 주위의 상자).
- 또 다른 실용적인 팁은 CSS 파일을 웹 사이트에 통합하는 방법을 알려줍니다.
- 이 CSS 문서에서 네 페이지 모두에 대해 프레임의 색상과 두께를 다르게 설정할 수 있습니다.
- border-bottom : # 999-하단 프레임의 색상을 설정합니다. 여기에서 "테두리 상단", "테두리 오른쪽"또는 "테두리 왼쪽"을 사용할 수도 있습니다.
- border-width : 0 0 thin thin-선 두께를 지정합니다. 이것은 시계 방향으로 수행됩니다. 여기서 이것은 맨 위와 오른쪽에 선이 표시되지 않고가는 선이 아래쪽과 왼쪽에 정의되어 있음을 의미합니다.
- 테두리 스타일 : 없음 없음 홈 홈-그림 또는 상자의 장식 프레임을 정의합니다. "홈"스타일은 3D 효과를 만듭니다.
귀하의 홈페이지는 자연스럽게 인터넷 상에 존재합니다. 다음 기사에서는 Google 순위를 높이기위한 최상의 팁을 읽습니다.