カスケードスタイルシートのColorプロパティを使用してテキストと前景色を設定する方法

四月 24, 2024

カスケードスタイルシートの色プロパティを使用して、WebページまたはWebページのセクション（または要素）のテキストの色を制御できます。テキストの色を制御するだけでなく、CSS colorプロパティを使用して、水平方向の規則およびフォーム要素の色を設定することもできます。 colorプロパティを使用して開口部内のテキストを設定する例を見てみましょう

そして閉会

タグを黒に、要素の色を赤にします。

基本的なCSSコード

例

ここにテキストが入ります

メールアドレス

…

各CSSルールには、セレクターと宣言ブロックが含まれます。 CSS宣言ブロックは、開き中かっこと閉じ中かっこの間に配置され、各セレクタの1つ以上のプロパティと値のペアを含みます。

セレクター

p
形

この例の最初のCSSルールは、任意のテキスト間の色を制御します

ウェブページ上のタグ。のp

タグはこのルールのセレクタであり、ブラウザにテキストを黒に設定するよう指示します。 2番目のルールは、タグのフォーム要素セレクターを使用して、「Your email address」というテキストの色を赤に設定します。

プロパティ

色：

colorプロパティは、テキストの色と前景色を設定する属性です。この例では、colorプロパティを使用して、p要素とform要素の両方の色を設定しています。プロパティ名の後にコロン（:)が続くことに注意してください。

値

#000000;
赤;

色の名前、16進数の色コード、またはRGB色コードを使用して、色の値を設定できます。この例では、p要素に16進数の色コード（＃000000）を使用し、フォーム要素に色名（赤）を使用しました。 RGBカラーコードrgb（100％、0％、0％）も使用できます。色の値の後にセミコロン（;）が続くことに注意してください。

動画の説明: 【アメブロ】CSSファイルを使用した文字の大きさの変更 (四月 2024).

カスケードスタイルシートを使用してテキストと前景色を設定する方法カラープロパティ、HTML、CSSカラープロパティ、カラープロパティを使用する方法、CSSを使用してWebページのテキストの色を設定する方法、カラーの設定方法CSSを使用したWebページの水平ルール、CSSを使用してフォーム要素の色を設定する方法

無料のオンラインコース

四月 2024

学習するのに年を取りすぎていることはありません。無料で学習できる場合は、さらに良いことです。以下に、無料の非クレジットコースを提供する8つの素晴らしいサイトを示します。自分のペースで家の快適さから学ぶことができます。コースに登録する前に、通常は登録プロセスを完了する必要があります。 MIT OpenCourseWare...

コンピューター

ディズニーのアリスインワンダーランドフラッシュゲーム

四月 2024

ディズニーは、Flashデザイナーのインスピレーションを与える遊び場であるため、訪れるべき私のお気に入りのサイトの1つです。ディズニーを頼りに、新しいディズニー映画ごとに素晴らしいインタラクティブなFlashを作成できます。ディズニーの不思議の国のアリスがリリースされるのを待ちきれませんでした。ディズニーが最初に見たものの一つR...