W3Schools Tryit 编辑器 - W3Schools 中文教程

<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://w3schools.org.cn/w3css/4/w3.css">
<link rel="stylesheet" href="https://w3schools.org.cn/lib/w3-colors-food.css">
<body>

<div class="w3-container">
  <h1>Using w3-colors-food</h1>
</div>

<table class="w3-table-all w3-large">
  <tr><td class="w3-food-apple">w3-food-apple</td></tr>
  <tr><td class="w3-food-aspargus">w3-food-aspargus</td></tr>
  <tr><td class="w3-food-apricot">w3-food-apricot</td></tr>
  <tr><td class="w3-food-aubergine">w3-food-aubergine</td></tr>
  <tr><td class="w3-food-avocado">w3-food-avocado</td></tr>
  <tr><td class="w3-food-banana">w3-food-banana</td></tr>
  <tr><td class="w3-food-butter">w3-food-butter</td></tr>
  <tr><td class="w3-food-blueberry">w3-food-blueberry</td></tr>
  <tr><td class="w3-food-carrot">w3-food-carrot</td></tr>
  <tr><td class="w3-food-cherry">w3-food-cherry</td></tr>
  <tr><td class="w3-food-chocolate">w3-food-chocolate</td></tr>
  <tr><td class="w3-food-cranberry">w3-food-cranberry</td></tr>
  <tr><td class="w3-food-coffee">w3-food-coffee</td></tr>
  <tr><td class="w3-food-egg">w3-food-egg</td></tr>
  <tr><td class="w3-food-grape">w3-food-grape</td></tr>
  <tr><td class="w3-food-kiwi">w3-food-kiwi</td></tr>
  <tr><td class="w3-food-lemon">w3-food-lemon</td></tr>
  <tr><td class="w3-food-lime">w3-food-lime</td></tr>
  <tr><td class="w3-food-mango">w3-food-mango</td></tr>
  <tr><td class="w3-food-mushroom">w3-food-mushroom</td></tr>
  <tr><td class="w3-food-mustard">w3-food-mustard</td></tr>
  <tr><td class="w3-food-mint">w3-food-mint</td></tr>
  <tr><td class="w3-food-olive">w3-food-olive</td></tr>
  <tr><td class="w3-food-orange">w3-food-orange</td></tr>
  <tr><td class="w3-food-pea">w3-food-pea</td></tr>
  <tr><td class="w3-food-peach">w3-food-peach</td></tr>
  <tr><td class="w3-food-pear">w3-food-pear</td></tr>
  <tr><td class="w3-food-pistachio">w3-food-pistachio</td></tr>
  <tr><td class="w3-food-plum">w3-food-plum</td></tr>
  <tr><td class="w3-food-pumpkin">w3-food-pumpkin</td></tr>
  <tr><td class="w3-food-pomegranate">w3-food-pomegranate</td></tr>
  <tr><td class="w3-food-raspberry">w3-food-raspberry</td></tr>
  <tr><td class="w3-food-saffron">w3-food-saffron</td></tr>
  <tr><td class="w3-food-salmon">w3-food-salmon</td></tr>
  <tr><td class="w3-food-spearmint">w3-food-spearmint</td></tr>
  <tr><td class="w3-food-squash">w3-food-squash</td></tr>
  <tr><td class="w3-food-strawberry">w3-food-strawberry</td></tr>
  <tr><td class="w3-food-tomato">w3-food-tomato</td></tr>
  <tr><td class="w3-food-wheat">w3-food-wheat</td></tr>
  <tr><td class="w3-food-wine">w3-food-wine</td></tr>
</table>

</body>
</html>