html border-bottom-colorで下辺の色のみを指定する

2023年3月24日

環境
Google Chrome　111.0.5563.65（Official Build）
Windows 10 Home 64bit

書式
border-bottom-color は CSS のプロパティで、要素の下側の境界線の色を設定します。
border-bottom-color: red;

border-bottom-color: #ffbb00;
border-bottom-color: rgb(255, 0, 0);
border-bottom-color: hsla(100%, 50%, 25%, 0.75);

使用例

<!DOCTYPE html>
<html>
<head>
<style>

p {
  border:solid 2px #000;
  border-bottom-color:red
}
</style>
</head>
<body>


<p>東京tokyo</p>

</body>
</html>

結果
下辺の色のみ「border-bottom-color」で指定します。

Html

Posted by arkgame