CSS では、width 属性を使用して td の幅を設定できます。td 要素に「width:width value;」スタイルを設定するだけです。 width 属性は要素の幅を設定します。これは、パディング、境界線、またはマージンを除く、要素のコンテンツ領域の幅を定義します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
テーブルbテーブルを定義します
<!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;
}
css ビデオ チュートリアル )
手順:
width 属性は要素の幅を設定します。 注: width 属性には、パディング、境界線、マージンは含まれません。 属性値:| 説明 | |
|---|---|
| デフォルト値。ブラウザは実際の幅を計算できます。 | |
| length | px、cm、その他の単位を使用して幅を定義します。|
| % | 含まれるブロック (親要素) の幅に基づいて、幅をパーセンテージで定義します。|
| width 属性の値を親要素から継承することを指定します。 |
プログラミング入門をご覧ください。 ！
以上がCSSでTDの幅を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
