CSS Different Border Sides

Each side of a border can have a different style or color.

Preview

Code

<style>
.box{
border-top:3px solid red;
border-right:3px solid blue;
border-bottom:3px solid green;
border-left:3px solid purple;
padding:16px;
}
</style>

<div class="box">Different borders on each side</div>

More CSS Borders Examples (7)