ホームページ > 記事 > ウェブフロントエンド > CSSでTDの幅を設定する方法
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 サイトの他の関連記事を参照してください。