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

CSS-Code

e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3

Ergebnisse

CSS-Code

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

Ergebnisse

CSS-Code

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

Ergebnisse

CSS-Code

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

Ergebnis

CSS-Code

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

Ergebnis

CSS-Code

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

Ergebnis

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!