02.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Multiple borders</title>
<link rel="stylesheet" href="css/style.css" />
<style media="screen">
div {
  vertical-align: middle;
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: 20px;
  background: #fff;
}
.box-shadow {
  box-shadow: 0 0 0 10px #F05562, 0 0 0 20px #F0DB4F;
}
.outline {
  border: 10px dotted #F05562;
  outline: 10px solid #F0DB4F;
}
</style>
</head>
<body>

<div class="box-shadow"></div>
<div class="outline"></div>

</body>
</html>