App下載
首頁 > html > box_shadow > CSS Property Value - 如何box-shadow: inset,inset; 添加兩層邊框

CSS Property Value - 如何box-shadow: inset,inset; 添加兩層邊框

我們想知道如何box-shadow: inset,inset; 添加兩層邊框。 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.container {
  margin: 5px;
  width: 150px;
  background: yellow;
}

.border {
  padding: 35px 20px 20px 20px;
  box-shadow: inset 0 0 0 15px red, inset 0 15px 0 15px teal;
}
</style>
</head>
<body>
  <div class="container">
    <div class="border">Item one</div>
    <div class="border">Item two</div>
  </div>
</body>
</html>