インラインで色を指定します。
表の中でセルに色を付けます。
<td bgcolor="red";>赤</td>セルのバックカラーを指定します。
<td><font color=red>red</font>セル内のフォントに色を付けます。
| バックカラー カラーコード フォントカラー | |||
|---|---|---|---|
| 赤 | 橙 | 黄橙 | 黄 |
| "#ff0000" | "#ffa500" | "#ffd200" | "#ffff00" |
| red | orange | Yellow-orange | Yellow |
| 黄緑 | 緑 | 緑青 | 青緑 |
| "#9acd32" | "#008000" | "#005455" | "#002aaa" |
| Yellow-green | green | green Blue | Blue green |
| 青 | 青紫 | 紫 | 赤紫 |
| "#0000ff" | "#4000a0" | "#800080" | "#a00040" |
| blue | Blue-purple | purple | Red-purple |
表の中のviolet色はCSSで下記のようにstyleを指定しました。
th:nth-of-type(1){background-color:violet}
tr:nth-of-type(6) > td:nth-of-type(3) {background-color:violet}
| バックカラー | |||
|---|---|---|---|
| gold | silver | pink | Salmon |
| violet | lime | brown | gray |
HTML
<p class="p1">
CSS
.p1{
width:500px;
background: content-box radial-gradient(crimson, skyblue);
border: double 5px #000;
}
HTML
<p class="p2">
CSS
.p2{
width:500px;
background: content-box linear-gradient(yellow, skyblue);
border: double 5px #000;
}
HTML
<p class="p3">
CSS
.p2{
width:500px;
background: content-box linear-gradient(to left,yellow, skyblue);
border: double 5px #000;
}
top.rightも可botomは不可
HTML
<p class="p4">
CSS
.p4{
width:500px;
background-color: #80ffff;
background-image:
linear-gradient(90deg, #fff 50%, transparent 50%);
background-size: 20px 20px;
}
HTML
<p class="p5">
CSS
width:500px;
background-color: #ff8040;
background-image:
repeating-linear-gradient(45deg,#fff, #fff 2px,transparent 0, transparent 3px);
色のプロパティは,たくさんあるのでその都度調べます.
propatyにマウスを合わせると表示が出ます。
MDN開発者向けのウェブ技術