집 > 기사 > 웹 프론트엔드 > CSS로 td의 너비를 설정하는 방법

CSS로 td의 너비를 설정하는 방법

青灯夜游원래의: 2021-04-21 11:47:385371검색

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의 너비를 설정하는 방법

CSS를 사용하여 td의 너비를 설정하는 방법은 무엇입니까?

width 속성을 사용하여 td 너비를 설정할 수 있습니다. 구문:

td{
    width:100px;
}

Rendering:

CSS로 td의 너비를 설정하는 방법

(비디오 공유 학습: css 비디오 튜토리얼)

지침:

width 속성은 요소의 너비.

참고: 너비 속성에는 패딩, 테두리 및 여백이 포함되지 않습니다!

속성 값:

값	설명
auto	기본값. 브라우저는 실제 너비를 계산할 수 있습니다.
length	px, cm 등의 단위를 사용하여 너비를 정의합니다.
%	포함 블록(상위 요소)의 너비를 기준으로 백분율 너비를 정의합니다.
inherit	은 너비 속성의 값이 상위 요소에서 상속되어야 함을 지정합니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 소개를 방문하세요! !

위 내용은 CSS로 td의 너비를 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

html5 css css3 auto 继承 Length td

성명：

이전 기사：CSS에서 div 높이를 설정하는 방법다음 기사：CSS에서 div 높이를 설정하는 방법