Comment puis-je établir une zone à l'aide de css comme la réponse à cocher dans stackoverflow?

Comment puis-je dessiner une boîte en css? Je veux une boîte comme le vert utilisé pour afficher le nombre de réponses à une question dans stackoverflow?

InformationsquelleAutor Gath | 2008-12-30
  1. 3

    CSS:

    .answerbox
{
height: 150px; /*Specify Height*/
width:  150px; /*Specify Width*/
border: 1px solid black; /*Add 1px solid border, use any color you want*/
background-color: green; /*Add a background color to the box*/
text-align:center; /*Align the text to the center*/
}

    HTML:
    <div class="answerbox">4 <br /> Answers</div>

    InformationsquelleAutor Jon
  2. 8

    Utiliser Firebug et le "Inspecter" fonction; point à la réponse de la boîte ici DONC, et rip le HTML et le CSS à partir de la console de Firebug.

    • Merci pour cette astuce 🙂
    InformationsquelleAutor stian
  3. 3

    Utiliser n'importe quel élément, par exemple un div, assurez-vous qu'il est affiché comme un bloc élément de niveau (c'est à dire display: block) et lui donner une frontière.

    .box { border: 1px solid #088; font-size: 4em; }

<div class="box">6</div>

    Fonctionne bien.

    InformationsquelleAutor Konrad Rudolph
  4. 0

    cette page: http://www.w3.org/TR/CSS2/box.html

    était la première page trouvée en faisant une recherche Google pour "boîte css"

    InformationsquelleAutor John Ferguson
  5. 0

    Vous pouvez également utiliser l'AIS de l'Accessibilité de la Barre d'outils - http://www.visionaustralia.org.au/ais/toolbar/ - pour exposer le css utilisé pour le site, parmi une foule d'autres choses.

    InformationsquelleAutor Peanut