Wir müssen noch ein Paar mehr Basiseinstellungen vornehmen - die Überschriften und die Absätze sollen passend zum Übungsbeispiel gestaltet werden. Und einige Browser benötigen das Entfernen von Rändern um Grafiken. Fügen Sie das folgende zu Ihrem CSS hinzu:

    /* Headlines & other basics */
    h1 {
        font-weight: normal;
        border-left: 4px solid #ec001a;
        padding: 0 5px;
    }

    p {
        padding-left: 9px;
        line-height: 1.5em;
    }

    a {
        color: #463229;
    }

    p a:link {
        color: #463229;
        text-decoration: none;
        border-bottom: 1px solid #463229;
    }

    img {
        border: none;
    }

    input {
        border: 1px solid #463229;
    }

Das Hauptsächliche, auf das Sie hier besonders achten sollten, besteht darin, dass wir das Element a:link mit einem Stil versehen und nicht das einfache a. Dies stellt sicher, dass HTML-Anker (sie benutzen auch das Tag a) nicht den Stil für einen Link bekommen — sie erfassen das Ende eines Links, nicht einen Link selbst. Sichern Sie und laden Sie Ihre Seite und das CSS neu. Sie sollten dann das Folgende sehen: