CSS에서는 width 속성을 사용하여 td 너비를 설정할 수 있습니다. td 요소에 "width:width value;" 스타일만 설정하면 됩니다. width 속성은 패딩, 테두리 또는 여백을 제외한 요소 콘텐츠 영역의 너비를 정의하는 요소의 너비를 설정합니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
테이블 테이블 정의
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <table border="1"> <tr> <th>商品</th> <th>价格</th> </tr> <tr> <td>T恤</td> <td>￥100</td> </tr> <tr> <td>牛仔褂</td> <td>￥250</td> </tr> <tr> <td>牛仔库</td> <td>￥150</td> </tr> </table><br /> </body> </html>
CSS를 사용하여 td의 너비를 설정하는 방법은 무엇입니까?
width 속성을 사용하여 td 너비를 설정할 수 있습니다. 구문:
td{
width:100px;
}Rendering:
(비디오 공유 학습: css 비디오 튜토리얼)
지침:
width 속성은 요소의 너비.
참고: 너비 속성에는 패딩, 테두리 및 여백이 포함되지 않습니다!
속성 값:
| 값 | 설명 |
|---|---|
| auto | 기본값. 브라우저는 실제 너비를 계산할 수 있습니다. |
| length | px, cm 등의 단위를 사용하여 너비를 정의합니다. |
| % | 포함 블록(상위 요소)의 너비를 기준으로 백분율 너비를 정의합니다. |
| inherit | 은 너비 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다. |
더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !
위 내용은 CSS로 td의 너비를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
