编程狮在线代码实例

Tab
<>
""
''
()
{}
[]
/
:
;
?
,
.
$
输入
运行
xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>编程狮(w3cschool.cn)</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3.css">
    <link rel="stylesheet" href="https://7npmedia.w3cschool.cn/w3-colors-2019.css">
<body>
​
    <div class="w3-container">
        <h1>Fasion 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-dark-cheddar">
        <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>
实例代码
运行结果