上の枠線の色は赤。
下の枠線の色は青。
左の枠線の色は明るい緑。
右の枠線の色はオレンジ。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>上下左右の枠線の色を指定する</title>
<style type="text/css">
<!--
p { border-style: solid; border-width: 8px; }
p.p1 { border-top-color: red; }
p.p2 { border-bottom-color: blue; }
p.p3 { border-left-color: lime; }
p.p4 { border-right-color: #F80; }
-->
</style>
</head>
<body>
<p class="p1">上の枠線の色は赤。</p>
<p class="p2">下の枠線の色は青。</p>
<p class="p3">左の枠線の色は明るい緑。</p>
<p class="p4">右の枠線の色はオレンジ。</p>
</body>
</html>
