" で table タグの width 属性を直接使用します; 2. table タグの style 属性を使用して、"width" を追加します: 幅の値;" スタイル。"/> " で table タグの width 属性を直接使用します; 2. table タグの style 属性を使用して、"width" を追加します: 幅の値;" スタイル。">
ホームページ > 記事 > ウェブフロントエンド > HTMLで表の幅を設定する方法
HTML でテーブルの幅を設定する方法: 1. 構文 "
" を使用して、table タグの width 属性を直接使用します。 2. の style 属性を使用します。 table タグに「width :width value;」スタイルを追加します。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
border 属性を使用して table タグにボーダーを追加すると、デフォルトの幅は内部のコンテンツによって決まります:
<table border="1"> <tr> <td>商品</td> <td>价格</td> </tr> <tr> <td>T恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔库</td> <td>¥150</td> </tr> </table>レンダリング:
では、テーブルの幅を設定するにはどうすればよいでしょうか?
方法 1: テーブル タグの幅属性を使用する
<table border="1" width="200"> <tr> <td>商品</td> <td>价格</td> </tr> <tr> <td>T恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔库</td> <td>¥150</td> </tr> </table>レンダリング:
方法 2: style 属性を使用して「width: width value;」スタイルを追加します
<table border="1" style="width: 250px;"> <tr> <td>商品</td> <td>价格</td> </tr> <tr> <td>T恤</td> <td>¥100</td> </tr> <tr> <td>牛仔褂</td> <td>¥250</td> </tr> <tr> <td>牛仔库</td> <td>¥150</td> </tr> </table>レンダリング:
# #( 学習ビデオ共有:
以上がHTMLで表の幅を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。