CSS-Pickup-Pfeile, Kataloge, Icons Implementierungscode

xxx-Projekt
    - App
      -s1.html
      -s2.html
    - CSS
      -commons.css
    - Skript
      - commons.js
    - Plugin
      -Schriftart fantastisch
      - Bootstrap
      - ...

<Kopf>
    <Stil>
        img{
            Rand: 0;
        }
        /* Der IE-Browser generiert einen Rahmen, setzen Sie den Rahmen also auf 0 */
    </Stil>
</Kopf>

<Text>
    <a href="www.baidu.com">landen</a>
    <a href="www.baidu.com">
        <img style="height:300px;width:400px" src="wallpaper1.jpg" alt="lanxing">
    <ein>
<Text>

<Stil>
        .hoch {
            Rahmen oben: 30px durchgehend grün;
            Rahmen rechts: 30px durchgehend transparent;
            Rahmen unten: 30px durchgehend transparent;
            Rahmen links: 30px durchgehend transparent;
            Anzeige: Inline-Block;
        }
        .runter {
            Rahmen oben: 30px durchgehend transparent;
            Rahmen rechts: 30px durchgehend transparent;
            Rahmen unten: 30px durchgehend rot;
            Rahmen links: 30px durchgehend transparent;
            Anzeige: Inline-Block;
        }
        .c1 {
            Rand: 30px durchgehend transparent;
            Rahmen oben: 30px durchgehend grün;
            Anzeige: Inline-Block;
            Rand oben: 40px;
        }
        .c1:hover {
            Rand: 30px durchgehend transparent;
            Rahmen unten: 30px durchgehend grün;
            Rand oben: 10px;
        }
    </Stil>
</Kopf>
<Text>
    <div Klasse="nach oben"></div>
    <div Klasse="nach unten"></div>
    <div style="Höhe: 100px; Hintergrundfarbe: rot;">
        <div Klasse="c1"></div>
    </div>

</body>