Wie man ein div mit abgerundeten Ecken

Wie macht man ein div, so dass es border die Ecken abgerundet sind?

Vielen Dank an alle!

InformationsquelleAutor user23557676 | 2011-08-18
  1. 12

    Hier ist es:

    <style type="text/css">
div.test
{
width: 115px;
padding: 10px;
border: 2px solid #000;
border-radius: 15px;
-moz-border-radius: 15px;
}
</style>
<div class="test">This is some text!</div>

    –SilverHorn

    • Es ist am besten, wenn Sie sich daran erinnern zu verwenden Präfixe wie "moz" (für Mozilla) und "webkit" - (für Safari und Chrome.) Vielleicht gibt es mehr, das weiß ich nicht.
    InformationsquelleAutor SilverHorn
  2. 3

    Mit CSS fügen Sie den code hinzu: border-radius: 10px.

    Ich benutze 10px zum Beispiel, aber Sie können Experimentieren, wobei jedoch die Menge der Pixel, die Sie mögen.

    InformationsquelleAutor kriscross07
  3. 3

    hinzufügen dieser css:

    border-top-right-radius:15px;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;
    InformationsquelleAutor sleepyup
  4. 2

    Verwenden Sie die border-radius Eigenschaft. Je höher der angegebene Betrag (in der Regel in px), die mehr abgerundete Form. Beispiel:

    myDiv { border-radius:30px;}

    Hoffe, das hilft.

    InformationsquelleAutor aaplmath
  5. 0

    beispielsweise mit CSS 3
    hier ist die Beispiel

    InformationsquelleAutor Jan Vorcak
Schreibe einen Kommentar