> 웹 프론트엔드 > H5 튜토리얼 > html5 테두리 속성을 설정하는 방법은 무엇입니까? HTML5 테이블의 테두리 속성 소개

html5 테두리 속성을 설정하는 방법은 무엇입니까? HTML5 테이블의 테두리 속성 소개

寻∝梦
풀어 주다: 2018-08-18 13:30:52
원래의
22736명이 탐색했습니다.

html5의 테두리 속성을 어떻게 설정하나요? html5 테이블의 테두리 속성에 대한 소개는 여기에 있습니다. 이 기사에서는 주로 CSS 스타일의 html5 테두리 속성의 정의와 사용을 설명하고 html5 테이블

html5 CSS 스타일의 테두리 속성에 대한 소개도 제공합니다. CSS 스타일에서 테두리 속성 사용:

border 단축 속성은 하나의 선언에서 모든 테두리 속성을 설정합니다.

다음 속성을 순서대로 설정할 수 있습니다.

border-width

border-style

border-color

값 중 하나를 설정하지 않으면 문제가 없습니다. 예를 들어 border: 솔리드 #ff0000도 허용됩니다.

html5 테두리 속성을 설정하는 방법은 무엇입니까? HTML5 테이블의 테두리 속성 소개

html5 테두리 속성 속성 값:

html5 테두리 속성을 설정하는 방법은 무엇입니까? HTML5 테이블의 테두리 속성 소개

CSS 테두리는 테두리의 너비, 색상, 스타일을 포함하여 HTML 요소(예: div)의 테두리를 설정하는 데 사용됩니다. 이 글은 관심 있는 프로그래머들이 참고할 수 있도록 CSS 테두리 속성에 대한 세부 사항을 소개합니다.

CSS 테두리는 CSS 테두리-테두리 테두리 스타일 색상, 테두리 스타일, 테두리 너비 구문 구조 및 응용 사례 튜토리얼

1. CSS 테두리 기본 지식

CSS 테두리는 CSS 테두리는 컨트롤의 테두리입니다. 가장자리 너비, 색상, 점선, 실선 등과 같은 개체 스타일 CSS 속성입니다. 동시에 코더가 제공하는 CSS 매뉴얼에 들어가 테두리를 볼 수 있습니다.

2. HTML 원본 테두리와 CSS 테두리 비교

Html 테이블 제어 테두리:

border="1" bordercolor="#000000"
로그인 후 복사

설명: 테이블 테두리 너비를 1px로, CSS 색상을 검정색으로 제어하고, 기본값은 단색 스타일 테두리입니다.

3. 테두리 테두리 구문

1. 네 개의 테두리

border-left는 일반적으로 왼쪽 테두리 스타일만 설정하는 데 사용됩니다.

border-right는 오른쪽 테두리를 설정하는 데 사용됩니다. 테두리 스타일 단독

border-top은 위쪽 테두리 스타일을 별도로 설정하는 데 사용됩니다.

border-bottom은 아래쪽 테두리 스타일을 별도로 설정하는 데 사용됩니다. 하단 테두리 스타일은 CSS 밑줄 효과로 적용할 수 있습니다.

2. 네 변에 같은 테두리가 있는 테두리의 약자

#manong{border:1px solid #00F}

3. 세 가지 테두리 스타일

보통 너비(두께), 테두리 스타일, 테두리 속성 및 매개변수의 테두리 색상.

1) 테두리 색상: border-color: #000

2) 테두리 두께(너비): border-width: 1px

숫자 + 단위를 사용하여 테두리 두께 너비를 1px 등으로 설정합니다(테두리 두께 너비는 1입니다). 픽셀), 테두리는 양수, 0보다 큰 값이어야 합니다. 그렇지 않으면 테두리 스타일 설정이 유효하지 않습니다.

3) 테두리 테두리 스타일: border-style:solid

테두리 스타일 값은 다음과 같습니다.

  • none: 테두리가 없습니다. 지정된 테두리 너비 값과 무관

  • hidden: 테두리를 숨깁니다. IE는

  • 점선을 지원하지 않습니다. MAC 플랫폼의 IE4+와 WINDOWS 및 UNIX 플랫폼의 IE5.5+는 점선입니다. 그렇지 않으면 실선입니다(일반적으로 사용됨).

  • 점선: MAC 플랫폼의 IE4+와 WINDOWS 및 UNIX 플랫폼의 IE5.5+는 점선입니다. 그렇지 않으면 실선(일반적으로 사용됨)

  • solid: 실선 테두리(일반적으로 사용됨)

  • double: 이중 테두리. 두 개의 단일 선과 그 간격의 합은 지정된 border-width 값과 같습니다

  • groove: border-color 값을 기준으로 3D 홈을 그립니다.

  • ridge: 값을 기준으로 다이아몬드 테두리를 그립니다. of border-color

  • inset : border-color

  • outset : border-color

css 테두리 요약에 따라 3D 볼록한 모서리를 그립니다. :

우리는 CSS를 사용하여 테두리 스타일을 설정합니다. 일반적으로 약어를 사용하여 개체 테두리 스타일을 설정하므로 코드가 절약되고 코드 기능이 단순화됩니다. 단일 테두리를 설정하든 4면 테두리를 설정하든 우리는 CSS 테두리 최적화의 약어인 CSS 테두리 코드를 축약하려고 합니다. 객체에 CSS 스타일을 설정하는 데 일반적으로 사용되는 속성 코드는 border:1px solid #000;입니다.

HTML

태그의 테두리 속성 정의 및 사용법:

border 속성은 테이블 주위의 테두리 너비를 지정합니다.

border 속성은 각 셀에 테두리를 적용하고 테이블을 테두리로 둘러쌉니다. border 속성 값이 변경되면 테이블 주위의 테두리 크기만 변경됩니다. 테이블의 내부 테두리 너비는 1픽셀입니다.

팁: 테두리 없이 테이블을 표시하려면 border="0"을 설정하세요.

실용적인 관점에서는 테두리를 지정하지 않고 CSS를 사용하여 테두리 스타일과 색상을 추가하는 것이 가장 좋습니다.

html5 테두리 속성 구문:

<body border="value">
로그인 후 복사

html5 테두리 속성 속성 값:

pixels: 테이블 테두리 너비를 지정합니다.

HTML 5

테두리 속성 예:

다음 HTML 테이블은 테이블 셀 주위에 테두리를 표시합니다:

<table border="1">
  <tr>
    <th>月份</th>
    <th>存款</th>
  </tr>
  <tr>
    <td>一月</td>
    <td>1000 元</td>
  </tr>
  <tr>
    <td>二月</td>
    <td>1500 元</td>
  </tr>
</table>
로그인 후 복사

【관련 권장 사항】

html 영역 태그는 무엇을 의미하나요? html 영역 태그 사용법에 대한 자세한 설명

html5 소스 태그를 어떻게 사용하나요? html5 소스 태그 속성 소개


위 내용은 html5 테두리 속성을 설정하는 방법은 무엇입니까? HTML5 테이블의 테두리 속성 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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