CSSの名前付き色リスト
数字の代わりに本名を使用して色を定義するCSSキーワードはたくさんあります。これまでの公式の名前付きCSSカラーリストは次のとおりです。
- aliceblue
- アンティークホワイト
- アクア
- アクアマリン
- 紺碧
- ベージュ
- ビスク
- 黒
- ブランシェダルモンド
- 青
- ブルーバイオレット
- 茶色
- バーリーウッド
- cadetblue
- シャルトリューズ
- チョコレート
- サンゴ
- コーンフラワーブルー
- コーンシルク
- 深紅色
- シアン
- ダークブルー
- darkcyan
- darkgoldenrod
- ダークグレー
- ダークグリーン
- ダークグレー
- darkkhaki
- darkmagenta
- darkolivegreen
- ダークオレンジ
- darkorchid
- 暗赤色
- ダークサーモン
- ダークシーグリーン
- darkslateblue
- darkslategray
- darkslategrey
- ダークターコイズ
- ダークバイオレット
- ディープピンク
- deepskyblue
- dimgray
- 薄暗い
- ドジャーブルー
- 耐火レンガ
- フローラルホワイト
- フォレストグリーン
- フクシア
- ゲインズボロ
- ゴーストホワイト
- ゴールド
- アキノキリンソウ
- 灰色
- 緑
- グリーンイエロー
- 灰色
- ハニーデュー
- ホットピンク
- インディアン
- インディゴ
- アイボリー
- カーキ
- ラベンダー
- ラベンダーブラッシュ
- ローングリーン
- レモンシフォン
- ライトブルー
- ライトコーラル
- lightcyan
- lightgoldenrodyellow
- ライトグレー
- ライトグリーン
- ライトグレー
- ライトピンク
- ライトサーモン
- ライトシーグリーン
- lightskyblue
- ライトスレートグレー
- ライトレートグレー
- lightsteelblue
- 薄黄色
- ライム
- ライムグリーン
- リネン
- マゼンタ
- あずき色
- ミディアムアクアマリン
- ミディアムブルー
- ミディアムオーキッド
- ミディアムパープル
- ミディアムシーグリーン
- ミディアムスレートブルー
- ミディアムスプリンググリーン
- ミディアムターコイズ
- ミディアムバイオレットレッド
- ミッドナイトブルー
- ミントクリーム
- ミスティーローズ
- モカシン
- navajowhite
- ネイビー
- オールドレース
- オリーブ
- オリーブドラブ
- オレンジ
- オレンジレッド
- 蘭
- パレゴールデンロッド
- 淡い緑
- パレターコイズ
- 淡い紫
- papayawhip
- ピーチパフ
- ペルー
- ピンク
- プラム
- パウダーブルー
- 紫
- レベッカ紫
- 赤
- バラ色の茶色
- ロイヤルブルー
- サドルブラウン
- サーモン
- サンディブラウン
- シーグリーン
- 貝殻
- シエナ
- シルバー
- スカイブルー
- スレートブルー
- スレートグレイ
- スレートグレー
- 雪
- スプリンググリーン
- スティールブルー
- 日焼け
- ティール
- アザミ
- トマト
- ターコイズ
- バイオレット
- 小麦
- 白
- ホワイトスモーク
- 黄色
- イエローグリーン
ウィキペディアには、16進数/ rgb、およびWeb上の名前付きの色に相当するHSLを示す優れたカラーテーブルがあります。
-
CSSを使用して箇条書きなしで順序付けされていないリストを作成するにはどうすればよいですか?
CSSを使用して箇条書きなしで順序付けされていないリストを作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style> body{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } ul { list-style-type: none;
-
CSSでリストの箇条書きの色を変更するにはどうすればよいですか?
CSSを使用してリストの箇条書きの色を変更するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body{ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans