border-bottom-color : 下側の境界線の色を設定する

border-bottom-color

要素の下側に表示される境界線の色を指定した値に設定します。

border-bottom-color: #FF0000;

これは下側に表示される境界線の色を赤色に設定する記述です。

境界線の色

表示される境界線の色を指定します。

border-bottom-color: red;
border-bottom-color: #FF8822;
border-bottom-color: rgb(255,136,34);

CSSで色を指定する具体的な方法は下記のページにてまとめて解説しています。
■ CSSで色を設定する方法

カラーネームで色を指定する

border-bottom-color: red;
border-bottom-width: 10px;
border-bottom-style: solid;

■ 表示される内容

16進数RGBで色を指定する

border-bottom-color: #FF8822;
border-bottom-width: 10px;
border-bottom-style: solid;

■ 表示される内容

RGBで色を指定する

border-bottom-color: rgb(255,136,34);
border-bottom-width: 10px;
border-bottom-style: solid;

■ 表示される内容

RGBAで半透明にする

border-bottom-color: rgba(255,136,34,0.3);
border-bottom-width: 10px;
border-bottom-style: solid;

■ 表示される内容

HSLで色を指定する

border-bottom-color: hsl(320,70%,50%);
border-bottom-width: 10px;
border-bottom-style: solid;

■ 表示される内容