CSS background-clip 示例

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>CSS background-clip 示例</title>
  <style>
    .demo-box {
      width: 400px;
      margin: 0 auto;
      font-family: sans-serif;
      border: 20px dashed #555;
      padding: 24px;
      margin-bottom: 20px;
      color: #fff;
      background-color: #2196F3;
    }
    
    .padding-clip {
      background-clip: padding-box;
    }
    .border-clip {
      background-clip: border-box;
    }
    .content-clip {
      background-clip: content-box;