CSSでボーダーカラーを設定する方法

単一のボーダーカラーの設定: ボーダーカラーを指定するには、CSSの「border-color」プロパティを使用します。例えば、以下のコードは赤いボーダーカラーを設定します。
```
.border-example {
 border-color: red;
}
```
複数のボーダーカラーの設定: 複数のボーダーカラーを指定する場合は、CSSの「border-color」プロパティに複数の値を指定します。値の順序は、上側のボーダーから時計回りに適用されます。以下の例では、上下のボーダーが赤色で、左右のボーダーが青色になります。
```
.border-example {
 border-color: red blue;
}
```
個別のボーダーカラーの設定: 個別のボーダーカラーを指定する場合は、CSSの「border-top-color」「border-right-color」「border-bottom-color」「border-left-color」プロパティを使用します。以下の例では、上側のボーダーが赤色、右側のボーダーが青色、下側のボーダーが緑色、左側のボーダーが黄色になります。
```
.border-example {
 border-top-color: red;
 border-right-color: blue;
 border-bottom-color: green;
 border-left-color: yellow;
}
```
透明なボーダーカラーの設定: ボーダーカラーを透明にするには、「border-color」プロパティに「transparent」を指定します。以下の例では、ボーダーが透明になります。
```
.border-example {
 border-color: transparent;
}
```

以上が、CSSでボーダーカラーを設定する方法の一部です。これらのコード例を参考にして、さまざまなボーダーカラーのスタイルを作成してみてください。