HTMLテーブルで、各セルに異なる色と幅を設定します
|
設定が有効にならない場合が多いため、幅や高さなどをテーブル内で直接設定しないことをお勧めします。 スタイルに設定を追加すれば問題ありません。コードをそのままbodyの途中にコピーして使用できます。 コードをコピー コードは次のとおりです。<table cellspacing="0" style="color:#FFF; text-align:left; font-size:14px; font-weight:bold; margin-left:220px; width:980px; height:200px;text-align:center"> <tr> <td bgcolor="e91e6f"; style=" width:196px;">01</td> <td bgcolor="224071"; style=" width:196px;">02</td> <td bgcolor="f12339"; style=" width:196px;">03 </td> <td bgcolor="1ea27e"; style=" width:196px;">04</td> <td bgcolor="224071"; style=" width:196px;">05</td> </tr> <tr> <td bgcolor="1ea27e">06</td> <td bgcolor="e91e6f">07</td> <td bgcolor="224071">08</td> <td bgcolor="f12339">09 </td> <td bgcolor="1ea27e">10</td> </tr> <tr> <td bgcolor="e91e6f">11</td> <td bgcolor="224071">12</td> <td bgcolor="f12339">13</td> <td bgcolor="1ea27e">14 </td> <td bgcolor="224071">15</td> </tr> <tr> <td bgcolor="1ea27e">16</td> <td bgcolor="e91e6f">17</td> <td bgcolor="224071">18</td> <td bgcolor="f12339"></td> <td bgcolor="1ea27e"></td> </tr> </テーブル> 効果画像:  |
<<: ウェブデザインにおける画像フォーマットとデザインの関係を詳しく説明
>>: VMware、nmap、burpsuite インストール チュートリアル
推薦する
HTML の div、td、p およびその他のコンテナーでの強制改行と非改行の実装
1. 改行を強制せず、省略記号で終了します。コードをコピーコードは次のとおりです。 <div ...
MySQL テーブルにはどのくらいの量のデータを保存できますか?
プログラマーは MySQL を扱う機会が多く、毎日触れているとも言えますが、MySQL テーブルには...
JSはじゃんけんゲームを実装します
この記事の例では、じゃんけんゲームを実装するためのJSの具体的なコードを参考までに共有しています。具...
Vueが初めて要素を取得できなかったときの解決記録
序文Vue で要素を初回取得できない問題の解決方法は、ポップアップ ウィンドウで要素を取得するために...
Vueでアイコンをカスタマイズする手順
ant-design-vue は Ali iconfont icons の使用をカスタマイズします\...
CSSはクーポンスタイルを実装するために放射状グラデーションを使用します
この記事では、CSS で放射状グラデーションを使用して、次の図に示すクーポン スタイルの効果を実現す...
Docker での Redis の最も詳細なインストールと構成 (画像とテキスト付き)
1. Dockerに適したRedisのバージョンを見つけるdocker hubで見つけることができ...
ウェブデザインにおけるキーワード設計手法の紹介
多くの場合、ホームページを作成するときに、Web ページ ヘッダー属性の設定を無視します。 Web ...
Linuxブートサービスを起動する2つの方法
目次rc.local メソッドchkconfig メソッドrc.local メソッド1 まず自動的に...
Ubuntu 18.04にmysql5.7をインストールする
Ubuntu 18.04では参考までにmysql 5.7をインストールします。具体的な内容は以下のと...
権限の問題によりMySQLの設定ファイルmy.cnfを起動できない問題の解決方法
この記事では、権限の問題により MySQL 構成ファイル my.cnf を起動できない場合の関連する...
Docker ビルド kubectl イメージ実装手順
プログラムサービスがgitlab ci/cdと統合されたk8sを使用してデプロイされている場合、gi...
CSS 疑似クラス: 空っぽだと光る (サンプルコード)
最近私の記事を読んだ人なら誰でも、私が現在WeChatミニプログラムプロジェクトを担当しており、その...
デザイン協会: なぜ間違った場所を探したのですか?
数日前、バスで仕事に行きました。バスのカードリーダーの実際の使用シーンを実際に見て、カードリーダーの...
MySQL 8.0 で列を素早く追加する方法
序文： MySQL 8.0 では高速な列追加がサポートされ、数秒で大きなテーブルにフィールドを追加で...