Detaillierte Erläuterung des Attributs „Border-Radius' des CSS-Stils

In diesem Artikel wird ausführlich das border-radius-Attribut des CSS-Stils erläutert

das border-radius-Attribut legt die runde Ecke des Rahmens fest

Möglicherweise Wert: Pixel, Prozentsatz >

Ergebnisse

<p></p>CSS-Code

<p></p>

Ergebnisse<p></p> <p></p> CSS-Code

 p {
    height: 200px;
    width: 200px;
    border: 2px solid #a72525;
    border-radius: 10px;
}

<p></p>Ergebnisse

<p></p>CSS-Code

 p {
    height: 200px;
    width: 200px;
    background: #a72525;
    border-radius: 50%;
}

<p></p>Ergebnisse

<p></p>CSS-Code

 p {
    height: 200px;
    width: 100px;
    border: 2px dashed #a72525;
    border-radius: 100px 0 0 100px;
}

<p></p>Ergebnis

<p></p>CSS-Code

 p {
    height: 200px;
    width: 200px;
    border: 2px dotted #a72525;
    border-radius: 100% 0 0;
}

<p></p>Ergebnis

<p></p>CSS-Code

 p {
    height: 200px;
    width: 100px;
    background: #f09;
    border-radius: 50%;
}

<p></p>Ergebnis

<p></p>

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung des Attributs „Border-Radius' des CSS-Stils. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!