インラインで色を指定します。
表の中でセルに色を付けます。
<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 |
バックカラー | |||
---|---|---|---|
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
.p4{
width:500px;
background-color: #80f;
background-image:
linear-gradient(90deg, #fff 50%, transparent 50%);
background-size: 20px 20px;
}
色のプロパティは,たくさんあるのでその都度調べます.
propatyにマウスを合わせると表示が出ます。
MDN開発者向けのウェブ技術