border-color:red
border-color:blue
border-top-color:blue;
border-right-color:red;
border-bottom-color:yellow;
border-left-color:green
<html>
<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:5px;padding:5px;}
.sample1 { border-color:red;}
.sample2 { border-color:blue;}
.sample3 { border-top-color:blue;
border-right-color:red;
border-bottom-color:yellow;
border-left-color:green;}
-->
</style>
</head>
<body bgcolor="#FFFFFF">
<p class="sample1">border-color:red</p>
<p class="sample2">border-color:blue</p>
<p class="sample3">border-top-color:blue;<br>
border-right-color:red;<br>
border-bottom-color:yellow;<br>
border-left-color:green</p>
</body>
</html>