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


Code CSS : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 
#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}

Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
 
<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?? Y'a t-il des erreurs? parce que cela ne marche pas...

Merci de vos reponses