Borders
Highlight your webpage components by
adding
borders around them.
Border-radius
Add classes to an element to easily round it's corners.
<div class=".... rounded"><div>
<div class=".... rounded-top"><div>
<div class=".... rounded-bottom"><div>
<div class=".... rounded-right"><div>
<div class=".... rounded-left"><div>
<div class=".... rounded-circle"><div>
<div class=".... rounded-pill"><div>
Border-color
Add colors to an element's border.
<div class=".... rounded border-blue"><div>
<div class=".... rounded-top border-green"><div>
<div class=".... rounded-bottom border-red"><div>
<div class=".... rounded-right border-yellow"><div>
<div class=".... rounded-left border-bright"><div>
<div class=".... rounded-circle border-dark"><div>
You can also add "border-violet" and "border-orange" or you can create another class to add your own color.
Border-style
Add different styles of borders on elements as shown below.
<div class=".... rounded border-blue border-dotted"><div>
<div class=".... rounded-top border-green border-dash"><div>
<div class=".... rounded-bottom border-red border-double"><div>
<div class=".... rounded-right border-yellow border-solid"><div>
<div class=".... rounded-left border-bright border-ridge"><div>
<div class=".... rounded-circle border-dark border-outset"><div>
