Comment faire un div avec des coins arrondis

Comment voulez-vous faire un div de sorte qu'il est de la frontière du coins sont arrondis?

Merci à tous!

OriginalL'auteur user23557676 | 2011-08-18

  1. 11

    Ici, il est:

    <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

    Il est préférable si vous n'oubliez pas d'utiliser des préfixes comme "moz" (pour Mozilla) et "webkit" (pour Chrome et Safari.) Il existe peut-être plus que je ne le sais pas.

    OriginalL'auteur SilverHorn

  2. 2

    Avec CSS ajouter le code: border-radius: 10px.

    - Je utiliser 10px par exemple, mais vous pouvez expérimenter avec toutefois la quantité de pixels que vous souhaitez.

    OriginalL'auteur kriscross07

  3. 2

    ajouter ce css:

    border-top-right-radius:15px;
border-top-left-radius:15px;
border-bottom-right-radius:15px;
border-bottom-left-radius:15px;

    OriginalL'auteur sleepyup

  4. 1

    Utiliser le border-radius de la propriété. Plus la valeur indiquée (généralement dans px), la plus arrondie de votre forme. Exemple:

    myDiv { border-radius:30px;}

    Espère que ça aide.

    OriginalL'auteur aaplmath

  5. 0

    par exemple à l'aide de CSS 3
    voici la exemple

    OriginalL'auteur Jan Vorcak