CSSでフォントの色を設定する方法-フロントエンドQ&A-php.cn

CSSでフォントの色を設定する方法

藏色散人

リリース： 2023-01-05 16:11:07

オリジナル

4203 人が閲覧しました

CSS でフォントの色を設定する方法: 最初に HTML サンプルファイルを作成し、次に本文にテキストコンテンツを定義し、最後に「p{color:blue}」属性を使用してフォントの色を設定します。

CSSでフォントの色を設定する方法

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

CSSでフォントの色を設定するにはどうすればよいですか?

HTML では、HTML タグの欠点を補うために CSS スタイルを使用することがよくあります。今日は、CSS の基本スタイルを使用してテキストの色を変更する方法について説明します。この記事は理解しやすいです。 Hope 読み終わった後、誰もが感想を深める練習ができます。

まず、HTML フォントの基本的なコードを示しましょう:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML中文网</title>
</head>
<body>
<p>字体颜色设置</p>
<p>字体颜色设置</p>
<p>字体颜色设置</p>
<p>字体颜色设置</p>
</body>
</html>

ログイン後にコピー

CSSでフォントの色を設定する方法

ここに、p タグの 4 つの段落があります。これは最も単純なコードスタイルです。

次に、HTML フォントの色を設定する必要があります。CSS スタイルコードを見てみましょう:

<style type="text/css">
p{color: blue}
</style>

ログイン後にコピー

効果は次のとおりです:

CSSでフォントの色を設定する方法

color プロパティはテキストの色を指定します。

この属性は、要素の前景色 (HTML 表現では要素のテキストの色) を設定します。ラスターイメージは色の影響を受けません。この色は、border-color または別の border-color プロパティによってオーバーライドされない限り、要素のすべての境界線にも適用されます。

要素の前景色を設定するには、color 属性を使用するのが最も簡単な方法です。

【推奨学習:

css ビデオチュートリアル】

以上がCSSでフォントの色を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます

ウェブサイトのレイアウトを 30 分で学ぶ

ビデオチュートリアルに精通したOracleの入門

あなたの最初のUNI-APPコード

ゼロからアプリの起動までフラッター

兄弟連新版Linuxビデオチュートリアル

AXURE 9 ビデオチュートリアル (プロダクトマネージャーのインタラクティブな製品設計 UI に適しています)

基礎能力ゼロ PS ビデオチュートリアル

16日間のUIビデオチュートリアル

PS テクニックとスライステクニックのビデオチュートリアル

アリクラウド環境構築およびプロジェクトオンラインビデオチュートリアル

コンピュータネットワークの概要 - プログラマが身につけるべき基礎知識

プログラマーのための基本チュートリアル - HTTP プロトコルの説明

Websocket ビデオチュートリアル

CSSでフォントの色を設定する方法