CSS - Borda

Cor

<!-- Head starts -->
<style>
  .border-text {
    border-color: rgb(7, 209, 64);
    border-style: solid;
  }
</style>
<!-- Style block end -->
<!-- Head ends -->
<!-- Body starts -->
<p class="border-text">Some text</p>
<!-- Body ends -->

Raio

<!-- index.html -->
<!-- Head starts -->
<style>
  .border-text {
    border-style: solid;
    border-radius: 10px;
    padding: 5px;
  }
</style>
<!-- Style block end -->
<!-- Head ends -->
<!-- Body starts -->
<p class="border-text">Some text</p>
<!-- Body ends -->

Arrendondada

<!-- Head starts -->
<style>
  .round-div-size {
    width: 200px;
    height: 200px;
  }

  .border {
    border-style: solid;
    border-radius: 50%;
  }
</style>
<!-- Style block end -->
<!-- Head ends -->
<!-- Body starts -->
<div class="border round-div-size"></div>
<!-- Body ends -->

Solida

<!-- Head starts -->
<style>
  .border-text {
    border-style: solid;
    padding: 5px;
  }
</style>
<!-- Style block end -->
<!-- Head ends -->
<!-- Body starts -->
<p class="border-text">Some text</p>
<!-- Body ends -->

Largura

<!-- Head starts -->
<style>
  .border-text {
    border-width: 10px;
    border-style: solid;
  }
</style>
<!-- Style block end -->
<!-- Head ends -->
<!-- Body starts -->
<p class="border-text">Some text</p>
<!-- Body ends -->

Updated: