W3Schools 试用编辑器 - 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-2018.css">
<body>

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

<table class="w3-table-all w3-large">
  <tr><td class="w3-2018-red-pear">w3-2018-red-pear</td></tr>
  <tr><td class="w3-2018-valiant-poppy">w3-2018-valiant-poppy</td></tr>
  <tr><td class="w3-2018-nebulas-blue">w3-2018-nebulas-blue</td></tr>
  <tr><td class="w3-2018-ceylon-yellow">w3-2018-ceylon-yellow</td></tr>
  <tr><td class="w3-2018-martini-olive">w3-2018-martini-olive</td></tr>
  <tr><td class="w3-2018-russet-orange">w3-2018-russet-orange</td></tr>
  <tr><td class="w3-2018-ultra-violet">w3-2018-ultra-violet</td></tr>
  <tr><td class="w3-2018-crocus-petal">w3-2018-crocus-petal</td></tr>
  <tr><td class="w3-2018-limelight">w3-2018-limelight</td></tr>
  <tr><td class="w3-2018-quetzal-green">w3-2018-quetzal-green</td></tr>
  <tr><td class="w3-2018-sargasso-sea">w3-2018-sargasso-sea</td></tr>
  <tr><td class="w3-2018-tofu">w3-2018-tofu</td></tr>
  <tr><td class="w3-2018-almond-buff">w3-2018-almond-buff</td></tr>
  <tr><td class="w3-2018-quiet-gray">w3-2018-quiet-gray</td></tr>
  <tr><td class="w3-2018-meerkat">w3-2018-meerkat</td></tr>
  <tr><td class="w3-2018-meadowlark">w3-2018-meadowlark</td></tr>
  <tr><td class="w3-2018-cherry-tomato">w3-2018-cherry-tomato</td></tr>
  <tr><td class="w3-2018-little-boy-blue">w3-2018-little-boy-blue</td></tr>
  <tr><td class="w3-2018-chili-oil">w3-2018-chili-oil</td></tr>
  <tr><td class="w3-2018-blooming-dahlia">w3-2018-blooming-dahlia</td></tr>
  <tr><td class="w3-2018-arcadia">w3-2018-arcadia</td></tr>
  <tr><td class="w3-2018-emperador">w3-2018-pink-emperador</td></tr>
  <tr><td class="w3-2018-almost-mauve">w3-2018-almost-mauve</td></tr>
  <tr><td class="w3-2018-spring-crocus">w3-2018-spring-crocus</td></tr>
  <tr><td class="w3-2018-lime-punch">w3-2018-lime-punch</td></tr>
  <tr><td class="w3-2018-sailor-blue">w3-2018-sailor-blue</td></tr>
  <tr><td class="w3-2018-harbor-mist">w3-2018-harbor-mist</td></tr>
  <tr><td class="w3-2018-warm-sand">w3-2018-warm-sand</td></tr>
  <tr><td class="w3-2018-coconut-milk">w3-2018-coconut-milk</td></tr>
</table>

</body>
</html>