html four side border design code example

Example 1: css border different sides

/*className     property     values: width style color*/
.rightBorder  { border-right: 1px solid black }

.leftBorder   { border-left: 2px dashed red }

.topBorder    { border-top: 3px dotted blue }

.bottomBorder { border-bottom: 4px double yellow }

Example 2: dashed lin in css

hr {
  border:none;
  border-top:1px dashed #f00;
  color:#fff;
  background-color:#fff;
  height:1px;
  width:50%;
}