現役エンジニア・デザイナーの備忘録ブログ

box-shadowで複数の外枠線

<div>summer</div>
color: #fff;
display: inline-block;
padding: 40px;
text-align: center;
background-color: #1c9bd7;
-moz-box-shadow: inset 0px 0px 0px 2px #f8bc00, inset 0px 0px 0px 6px #FFF;
-webkit-box-shadow: inset 0px 0px 0px 2px #d71c91, inset 0px 0px 0px 6px #FFF;
box-shadow: inset 0px 0px 0px 2px #f8bc00, inset 0px 0px 0px 6px #FFF;