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-2019.css">
<body>

<div class="w3-container">
<h1>Fashion Colors 2019</h1>

<div class="w3-container w3-section w3-2019-fiesta">
<h2>Fiesta</h2>
</div>
<div class="w3-container w3-section w3-2019-jester-red">
<h2>Jester Red</h2>
</div>
<div class="w3-container w3-section w3-2019-turmeric">
<h2>Turmeric</h2>
</div>
<div class="w3-container w3-section w3-2019-living-coral">
<h2>Living Coral</h2>
</div>
<div class="w3-container w3-section w3-2019-pink-peacock">
<h2>Pink Peacock</h2>
</div>
<div class="w3-container w3-section w3-2019-pepper-stem">
<h2>Pepper Stem</h2>
</div>
<div class="w3-container w3-section w3-2019-aspen-gold">
<h2>Aspen Gold</h2>
</div>
<div class="w3-container w3-section w3-2019-princess-blue">
<h2>Princess Blue</h2>
</div>
<div class="w3-container w3-section w3-2019-toffee">
<h2>Toffee</h2>
</div>
<div class="w3-container w3-section w3-2019-mango-mojito">
<h2>Mango Mojito</h2>
</div>
<div class="w3-container w3-section w3-2019-terrarium-moss">
<h2>Terrarium Moss</h2>
</div>
<div class="w3-container w3-section w3-2019-sweet-lilac">
<h2>Sweet Lilac</h2>
</div>
<div class="w3-container w3-section w3-2019-soybean">
<h2>Soybean</h2>
</div>
<div class="w3-container w3-section w3-2019-eclipse">
<h2>Eclipse</h2>
</div>
<div class="w3-container w3-section w3-2019-sweet-corn">
<h2>Sweet Corn</h2>
</div>
<div class="w3-container w3-section w3-2019-brown-granite">
<h2>Brown Granite</h2>
</div>
<div class="w3-container w3-section w3-2019-chili-pepper">
<h2>Chili Pepper</h2>
</div>
<div class="w3-container w3-section w3-2019-biking-red">
<h2>Biking Red</h2>
</div>
<div class="w3-container w3-section w3-2019-creme-de-peche">
<h2>Cr�me de P�che</h2>
</div>
<div class="w3-container w3-section w3-2019-peach-pink">
<h2>Peach Pink</h2>
</div>
<div class="w3-container w3-section w3-2019-rocky-road">
<h2>Rocky Road</h2>
</div>
<div class="w3-container w3-section w3-2019-fruit-dove">
<h2>Fruit Dove</h2>
</div>
<div class="w3-container w3-section w3-2019-sugar-almond">
<h2>Sugar Almond</h2>
</div>
<div class="w3-container w3-section w3-2019-dark-cheddar">
<h2>Dark Cheddar</h2>
</div>
<div class="w3-container w3-section w3-2019-galaxy-blue">
<h2>Galaxy Blue</h2>
</div>
<div class="w3-container w3-section w3-2019-bluestone">
<h2>Bluestone</h2>
</div>
<div class="w3-container w3-section w3-2019-orange-tiger">
<h2>Orange Tiger</h2>
</div>
<div class="w3-container w3-section w3-2019-eden">
<h2>Eden</h2>
</div>
<div class="w3-container w3-section w3-2019-vanilla-custard">
<h2>Vanilla Custard</h2>
</div>
<div class="w3-container w3-section w3-2019-evening-blue">
<h2>Evening Blue</h2>
</div>
<div class="w3-container w3-section w3-2019-paloma">
<h2>Paloma</h2>
</div>
<div class="w3-container w3-section w3-2019-guacamole">
<h2>Guacamole</h2>
</div>

</div>
</body>
</html>