ここから本文です

この知恵ノートを「知恵コレクション」に追加しました。

追加した知恵ノートはMy知恵袋の「知恵コレクション」ページで確認できます。

知恵コレクション」に登録済みです。

再登録しました。

追加に失敗しました。

ノートに戻り、もう一度やり直してください。

すでに1,000件のノートが登録されています。

新しく追加したい場合は、My知恵袋の「知恵コレクション」ページで登録されているノートを削除してください。

追加できませんでした。

ノートは削除されました。

HTMLのヘッダーに書いたCSSで表のセルごとに文字色と背景色を設定

ライターさん(最終更新日時:2017/4/22)投稿日:

  • ナイス!:

    0

  • 閲覧数:30

印刷用のページを表示する

HTMLのヘッダーに書いたCSSで表のセルごとに文字色と背景色を設定しました。

********* ここから

<!DOCTIYE html>
<html lang="ja">
<head>
 <meta charset="UTF-8">
<style type="text/css">
<!--
h1{background-color:blue;color:white;}
table,th,td{border:1px #808080 solid;}
.t_css01 th{color:red;}
.t_css01 td{color:blue;}
.t_css02{color:yellow;background-color:blue;}
td.td_01{color:black;}
td.td_02{color:white;background-color:black;}
tr.tr_01{color:black;background-color:yellow;text-align:center;}
-->
</style>
<title>HTMLとCSSのお勉強</title>
</head>
<body>

<h1>HTMLヘッダー内へCSSを書いています</h1>

<table class="t_css01" width="60%">
<tbody>
<tr>
    <th colspan="3">まずは赤い文字</th>
</tr>
<tr>
   <td width="33%">&nbsp;</td>
   <td class="td_01" width="34%">黒文字</td>
    <td width="33%">文字色は青</td>

</tr>
</tbody>
</table>

<table width="60%">
<tbody>
<tr>
<td>&nbsp;</td>
</tr>
</tbody>
</table>

<table class="t_css02" width="60%">
<tbody>
<tr>
<td colspan="2" width="50%">文字は黄色、背景は青</td>
<td class="td_02" width="50%">文字は白、背景は黒</td>
</tr>
<tr class="tr_01">
<td colspan="3">&nbsp;文字は黒、背景は黄色で中央表示</td>

</tr>
</tbody>
</table>
</body>

</html>

***** ここまで

このノートに関するQ&A

このノートに関するQ&Aは、まだありません。

このノートについて質問する

このノートについてライターの方に質問できます。

※ライターの方から必ず回答をいただけるとは限りません

※別ウィンドウで開きます

この知恵ノートのライター

グレード

グレード知恵ノートのグレード:1-2

その他の知恵ノート(1件)
クリックして切替えた画像を更...

ピックアップ

【iPhone】修理交換の申込方法...
 ※追記※2015/1/30現在iPhone6及び6+が発売されたのを受け、情...
iPhoneで撮ったビデオ/写真をパ...
はじめにiTunesを用いてPC内の写真や動画をiPhoneに入れる方...
ピアスに関する正しい知識講座 ...
さて、予備知識も蓄えた所で早速本題!ピアスを開けてみまし...
本文はここまでです このページの先頭へ