CSS: comment faire pour que mes coins soit arrondi

**pierrot10** · 16/02/2006, 09h28

Bonjour,
j aimerais savoir s'il y a une possibilité avec les CSS que lews coins d'une cellule doit arrondi?
Par exemple, j'ai un <td class="row2"></td>.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
.row4{
background-color:#F2f6f7;
vertical-align:top;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}

Que puis-je ajouter , ci-dessus, pour que les coin de ma cellule (<td>) soit arrondi?
Merci

**SpaceFrog** · 16/02/2006, 09h38

Tu n'est pourtant pas nouveau sur le forum ...
Pense à utiliser la fonction rechercher
http://web.developpez.com/faq/html/?..._angle_arrondi

**pierrot10** · 16/02/2006, 09h45

Oui merci, j'avais vu ceci... mais j'aimerais eviter d'utilser des image pour faire mes arrondi. C'est pourquoi je me demandais s'il y avait pas une soltion de le faire qu'avec CSS...

**SpaceFrog** · 16/02/2006, 10h25

la propriété radiused est prévue mais pas encore implémentée ...
donc en attendant sauf à utiliser un paquets de div pour simuler l'arrondi il n'y a que les images ...

**pierrot10** · 16/02/2006, 10h27

ok merci

**ilood** · 16/02/2006, 10h40

Bonjour

Pour firefox, et pour tous les navigateurs à base du moteur Gecko, il existe

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

-moz-border-radius: 20px;

Mais ce n'est pas une propriété standard validée par le w3c. Ta feuille de syle ne sera donc pas valide.

edit: SpaceFrog a été plus rapide..

**SpaceFrog** · 16/02/2006, 12h08

Juste pour le fun parceque ça me tarraudait ...

Code :

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
26
27
28
29
30
31
32
33
34
35
 
<html>
<head>
<title>Nouvelle page 1</title>
 
 
</head>
 
 
<script type='text/javascript'>
function Rounded(){
//alert(Math.sin(17)*17)
var DivCount=document.getElementsByTagName('div').length
for (i=0;i<DivCount;i++){
		var Y=i
		var R=DivCount;
		var X=Math.ceil(R*Math.sin(Math.acos(Y/R)))
 
 
document.getElementsByTagName('div')[DivCount-i-1].style.width=X+'px'
 
}
}
</script>
<body onload="Rounded()">
 
<script type='text-javascript'>
for (i=0;i<200;i++){
document.write("\<div style='background-color:red;height:1px;line-height:1px;font-size:1px;'\>&nbsp\<\/div\>")
}
</script>
 
 
</body>
</html>

CSS: comment faire pour que mes coins soit arrondi

CSS

Discussions similaires

Partager

Partager