CSSでテキストの色とボーダーを変更する方法

1. テキストの色を変更する方法: テキストの色を変更するには、colorプロパティを使用します。以下の例では、テキストの色を赤に変更しています。

<style>
  .red-text {
    color: red;
  }
</style>
<p class="red-text">赤いテキスト</p>

2. テキストにボーダーを追加する方法: テキストにボーダーを追加するには、borderプロパティを使用します。以下の例では、テキストの周りに1ピクセルの黒いボーダーを追加しています。

<style>
  .bordered-text {
    border: 1px solid black;
  }
</style>
<p class="bordered-text">ボーダー付きテキスト</p>

3. テキストの色とボーダーを同時に変更する方法: テキストの色とボーダーを同時に変更するには、colorプロパティとborderプロパティを組み合わせて使用します。以下の例では、テキストの色を青に、ボーダーの幅を2ピクセルに変更しています。

<style>
  .blue-text-with-border {
    color: blue;
    border: 2px solid black;
  }
</style>
<p class="blue-text-with-border">青いテキストとボーダー</p>

これらは、テキストの色とボーダーを変更するための基本的な方法です。CSSにはさまざまなプロパティと値があり、より高度なカスタマイズも可能です。詳細な情報や他の方法については、CSSのリファレンスやチュートリアルを参照してください。