设置四个边框的颜色

​x
 
<!DOCTYPE html>
<html>
  <head>
    <style>
      p.one
      {
        border-style:solid;
        border-color:#0000FF;
      }
      
      p.two
      {
        border-style:solid;
        border-color:#ffff00 #0000ff;
      }
      p.three
      {
        border-style:solid;
        border-color:#ff0000 #00ff00 #0000ff;
​
      }
      p.four
      {
        border-style:solid;
        border-color:#ff0000 #00ff00 #0000ff rgb(250,0,255);
      }
    </style>
  </head>
  <body>
<p class="one">One-colored border!</p>
<p class="two">Two-colored border!</p>
<p class="three">Three-colored border!</p>
<p class="four">Four-colored border!</p>
<p><b>Note:</b> The "border-color" property does not work if it is used alone. Use the "border-style" property to set the borders first.</p>
</body>
</html>
HTML