Как сделать рамки вокруг блока разного цвета?

p { 
    border: 2px solid red; 
    border-top: 2px solid blue; 
}

<p>Задача организации, в особенности же начало повседневной работы по формированию позиции в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также консультация с широким активом влечет за собой процесс внедрения и модернизации соответствующий условий активизации.Задача организации, в особенности же начало повседневной работы по формированию позиции в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также консультация с широким активом влечет за собой процесс внедрения и модернизации соответствующий условий активизации.Задача организации, в особенности же начало повседневной работы по формированию позиции в значительной степени обуславливает создание новых предложений. Идейные соображения высшего порядка, а также консультация с широким активом влечет за собой процесс внедрения и модернизации соответствующий условий активизации.</p>

div { 
  border: 1em solid red; 
  border-top-color: blue; 
 
  margin: 1em; 
  height: 8em; 
}

<div></div>

div 
  { 
    width: 150px; 
    height: 150px; 
    border-top: 2px blue solid; 
    border-bottom: 2px red groove; 
    border-left: 5px green dotted; 
    border-right: 5px aqua groove; 
    border-top-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
  }

<div></div>

.block { 
   border: 5px solid red; 
   border-top: 5px solid green; 
} 
.block2 { 
   border: 5px solid red; 
   border-top-color: green; 
} 
div { 
   margin-bottom:10px; 
   width:150px; 
   height:100px; 
}

<div class="block"></div> 
<div class="block2"></div>

.block { 
  width: 200px; 
  height: 200px; 
  margin: 50px; 
  background: gray; 
  box-shadow:  
    0 2px 0 0 red,    /* bottom */ 
    0 -2px 0 0 blue,  /* top */ 
    2px 0 0 0 red,    /* right */ 
    -2px 0 0 0 red;   /* left */ 
}

<div class="block"></div>