Задание "КНОПКИ"

задание CSS

• 
  li.rr
  {
  border-style: dashed;
  border-width: medium;
  border-color: red;
  }
  
  

• 
  li.re
  {
  border-style: solid;
  border-width: thin;
  border-color: blue;
  }
  
  

• 
  li.rs
  {
  border-style: double;
  border-width: thick;
  border-color: yellow;
  }
  
  

• 
  настройки каждой границы могут меняться независимо друг от друга
  
  li.reff
  {
  border-left-style: solid;        //левая граница - сплошная линия
  border-top-style: groove;        //верхняя граница - groove
  border-right-style: dotted;      //правая граница - сплошная линия
  border-bottom-style: double;     //нижняя граница - двойная линия   
  border-left-width: thin;         //левая граница - тонкая линия
  border-top-width: medium;        //верхняя граница - средней ширины
  border-right-width: 12;          //правая граница - ширина задана произвольно (12)
  border-bottom-width: thick;      //нижняя граница - толстая линия   
  border-left-color: blue;         //левая граница - синий цвет
  border-top-color: red;           //верхняя граница - красный цвет
  border-right-color: lime;        //правая граница - лайм
  border-bottom-color: yellow;     //нижняя граница - жёлтый цвет
  }