首页 > html > shadow > Effect - 如何添加阴影到边框顶部

Effect - 如何添加阴影到边框顶部

shadow 【shadow】
我们想知道如何添加阴影到边框顶部。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>

.awesome {
  background-color: rgb(255, 255, 255);
  margin-top: 100px;
  padding: 10px;
  border-top: 4px solid rgb(0, 130, 202);
  box-shadow: inset 0 -8px 4px 4px rgb(255, 255, 255), inset 0 2px 4px 0px
    rgba(50, 50, 50, 0.75);
}
</style>
</head>
<body>
  <div class="awesome">test</div>
</body>
</html>