Div arrondi en XHTML/CSS
Shaytan
-
seurjer -
seurjer -
Bonjour,
Je souhaite faire des bords arrondis a mon div:
J'ai copié/collé le code de ce site (pour ne pas me casser la tete) mais il ne fonctionne pas sur mon div. Quelqu'un aurait la solution?
http://www.html.it/articoli/nifty/index.html
CSS
#corps
{
color: red;
font-size: 14 px;
font-family: "Comic Sans MS";
border: none;
width: 800px;
height: 400px;
margin-top: 200px;
margin-left: 225px;
position: absolute;
padding-top: 10px;
padding-left: 10px;
overflow: auto;
background-color: #FF9900;
}
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
HTML
<div id="corps">
<b class="rtop">
<b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>
<!--content goes here -->
<b class="rbottom">
<b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>
Qu'est-ce qui ne va pas??
Je souhaite faire des bords arrondis a mon div:
J'ai copié/collé le code de ce site (pour ne pas me casser la tete) mais il ne fonctionne pas sur mon div. Quelqu'un aurait la solution?
http://www.html.it/articoli/nifty/index.html
CSS
#corps
{
color: red;
font-size: 14 px;
font-family: "Comic Sans MS";
border: none;
width: 800px;
height: 400px;
margin-top: 200px;
margin-left: 225px;
position: absolute;
padding-top: 10px;
padding-left: 10px;
overflow: auto;
background-color: #FF9900;
}
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px; height: 2px}
HTML
<div id="corps">
<b class="rtop">
<b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>
</b>
<!--content goes here -->
<b class="rbottom">
<b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>
</b>
</div>
Qu'est-ce qui ne va pas??
A voir également:
- Div arrondi en XHTML/CSS
- Div c++ - Télécharger - Langages
- Arrondi 0.5 supérieur ou inférieur - Forum Excel
- Arrondi publipostage - Forum Word
- Vba arrondi supérieur ✓ - Forum VB / VBA
- Remplacer #div/0 par vide ✓ - Forum Excel
1 réponse
Bonjour,
Copie/colle celui-ci, il fonctionne très bien...
https://www.tayo.fr/faire-un-div-arrondi-sans-image--en-css-astuce.php
Copie/colle celui-ci, il fonctionne très bien...
https://www.tayo.fr/faire-un-div-arrondi-sans-image--en-css-astuce.php