《css 揭秘》

by Fannie

HTML

<div class='div0'>
  多重边框
</div>
<div class='div1'>
  多重边框
</div>
<div class='div2'>
  多重边框
</div>

CSS

body {
	background: #000;
}

.div0 {
  background:white;
  box-shadow:0 0 0 10px red;
  max-width: 20em;
  padding: 2em;
  margin: 4em auto ;
}
.div1{
  background:white;
  box-shadow:0 0 0 10px red,0 0 0 20px green;
  max-width: 20em;
  padding: 2em;
  margin: 2em auto 0;
}
.div2{
  background:white;
  border:10px solid red;
  outline:10px solid green;
  max-width: 20em;
  padding: 2em;
  margin: 4em auto 0;
}