#b1 {
  border-style: dotted;
}

#b2 {
  border-style: dashed;
}

#b3 {
  border-style: double;
}

#b4 {
  border-style: solid;
}

#b5 {
  border-style: groove;
}

#b6 {
  border-style: ridge;
}

#b7 {
  border-style: inset;
}

#b8 {
  border-style: outset;
}

#b9 {
  border-style: solid;
  border-color: red;
}

#b10 {
  border-style: solid;
  border-color: green;
}

#b11 {
  border-style: solid;
  border-color: blue;
}

#b12 {
  border-style: solid;
  border-width: 2px;
  background-color: lightyellow;
  padding: 0;
}

#b13 {
  border-style: solid;
  border-width: 2px;
  background-color: lightyellow;
  padding: auto;
}

#b14 {
  border-style: solid;
  border-width: 2px;
  background-color: lightyellow;
  padding: 1em;
}

#b15 {
  border-style: double;
  margin-top: auto;
  margin-bottom: 1em;
}

#b16 {
  border-style: double;
  margin-top: 0;
  margin-bottom: 0;
}

#b17 {
  border-style: double;
  margin-top: 1em;
  margin-bottom: 1em;
}

#b18 {
  border-style: double;
  margin-top: 2em;
  margin-bottom: 2em;
}

#b19 {
  border-style: double;
  margin-top: 1em;
  margin-bottom: auto;
}

#b20 {
  border-style: solid;
  border-width: 1px;
  background-color: aqua;
  padding: auto;
}

#b21 {
  border-style: dotted;
  border-width: 1em;
  background-color: deeppink;
  padding: 0;
}

#b22 {
  border-style: ridge;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

#b23 {
  border-style: double;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-color: burlywood;
}

#b24 {
  border-style:groove;
  border-width: 3px;
  margin-top: 1em;
  margin-bottom: 1em;
  background-color: deepskyblue;
}





