简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
ホームページ> ウェブフロントエンド> htmlチュートリアル> 本文

HTML の表のセルごとに異なる色と幅を設定する例

高洛峰
リリース： 2017-03-04 15:30:24
オリジナル
1333 人が閲覧しました

幅や高さなどは表に直接設定しないほうが良いです。スタイルに設定を追加すると、本文の途中に直接コピーして使用できます。以下に例を示しますので、参照してください。 テーブルに幅や高さなどを直接設定しないことをお勧めします

また、スタイルに設定を追加しても問題ありません。ボディの中央に直接コピーして使用します。

コードは次のとおりです:

 
 01 02 03  04 05 
 
 06 07 08 09  10 
 
 11 12 13 14  15 
 
 16 17 18
ログイン後にコピー


レンダリング:

HTMLの表の各セルに異なる色と幅を設定するその他の例については、PHP中国語Webサイトの関連記事に注目してください。

関連ラベル：
table 单元格 不同颜色 宽度
ソース：php.cn
前の記事：html オプションを無効にする 選択を無効にする オプションの導入 次の記事：HTML ポップアップの透明レイヤー インスタンスのサイズを設定または拡大縮小する方法の詳細な説明
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
セルに表示される疑似「中央」配置で表内の数値の小数点を配置します。 小数点の前後の長さが異なり、小数点がすべて揃っている、10 進数の列を含むテーブルが必要です。列幅は「フロー」サイズである必要があり、データ セル内の非常に長い数値や列に関連付けら...
から 2023-10-24 13:01:47
0
1
266
テーブルの最後の行と同じプロパティを持つボタンを HTML で作成するにはどうすればよいですか? HTML にホーム サービス連絡先というテーブルがあるとします。このテーブルの最後にボタンを追加したいだけです。このボタンの幅はテーブルの最後の行 (つまり、「連絡先」) の幅と同...
から 2023-09-16 22:19:11
0
1
343
Tabulator JS でカスタム フォーマッタと事前定義されたフォーマッタを組み合わせる方法は? 私はTabulatorJSを使用しており、数値データを含む列が2つあります。まず、組み込みの通貨フォーマッタを formatterParams パラメータで使用しました。2 つ目で...
から 2023-09-13 15:40:50
0
1
356
css - 在table中使用border-collapse时如何设置不同的border颜色？ 代码如下：http://jsbin.com/qigavatewe/1/ 希望某些表格单元的border是不同的颜色。 由于使用了border-collapse，所以只会看到td的右...
から 2017-04-17 11:17:31
0
3
537
javascript - 求用户个性定制皮肤的原理？ 想要实现用户可以自定义风格的功能，比如用户可以自己设置边框的颜色、粗细，菜单底色等，风格由用户自己去设计，要怎么去实现，麻烦各位大神给点思路。想过使用不同的CSS文件来进行替换，但...
から 2017-04-11 11:37:11
0
6
120
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！