社区精选｜万能的 CSS 渐变！单标签绘制一个足球场

1. 整体是矩形，边线和底线，长度是 109~131 码（ 90~120 m ），宽度是  49-98 码（ 45~90 m）
2. 中线，贯穿球场
3. 开球点，位于中线的中心
4. 中圈，以开球点为圆形，半径为 10 码（ 9.15m ）圆
5. 罚球区（大禁区），长度是44码（ 40.3m ），宽度是 18 码（ 16.5m ）
6. 球门区（小禁区），长度是20码（ 18.3m ），宽度是6码（ 5.5m ）
7. 球门，长度是 8 码（ 7.32m ）
8. 罚球点（点球点），距离球门 12 码（ 11m ）
9. 罚球弧（禁区弧），以罚球点为圆心，半径为 10 码（ 9.15m ）的圆弧
10. 角球区，以 4 个角为圆心，半径为 1m的 1/4 圆弧

<filed></filed>

filed{
  font-size: 5px;
  width: 115em; /*表示115码*/
  height: 74em;
  border: 5em solid transparent;
  outline: 2px solid #fff;/*线宽就用固定值*/
  outline-offset: -5em;
  background: #43A63C;
}

filed{
  --中线: xxx;
    --中圈开球点: xxx;
    ...
    background: 
    /*越靠前的背景越靠上*/
    var(--中线),
    var(--中圈开球点),
    ...,
    #43A63C
}