@charset "utf-8";
/* CSS Document */

#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8 {display: inline-block; width: 200px; height: 200px; padding: 40px; margin: 30px; background-color: pink; overflow: auto;}

#box1 {
  border-width: 10px;
  border-style: dashed;
  border-color: red;
}

#box2 {
  border: 5px solid lime;
}

#box3 {
  border-left: 10px solid lime;
  border-top: 20px solid lightblue;
  border-right: 10px solid lime;
  border-top-color: blue;
}

#box4 {
  border: 1px solid red;
  border-radius: 40px;    /* 20px / 100px */
}

#box5 {
  border: 1px solid red;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 40px;
}

#box6 {
  border: 2px dashed red;
  border-radius: 50%;
}

#box7 {
  box-shadow: 5px 5px 10px 0 red;
}

#box8 {
  box-shadow: 5px 5px 10px 5px red inset, 5px 5px 10px 5px rgba(0, 0, 0, 0.5);
}


/*

style : none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset

box-shadow : none|h-shadow v-shadow blur spread color |inset

*/
