console 命令行工具 X clear
console
<!DOCTYPE html>
<html>
<head>
<style>
  .shadow-text {
    font-size: 36px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  }
</style>
</head>
<body>

<h1 class="shadow-text">带阴影的文本</h1>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
  .shadow-image {
    width: 300px;
    height: 200px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
  }
</style>
</head>
<body>

<div class="shadow-image"></div>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
  .shadow-button {
    padding: 10px 20px;
    background-color: #0074d9;
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  }
</style>
</head>
<body>

<button class="shadow-button">点击我</button>

</body>
</html>