<head> <style type="text/css"> <!-- .div { background: #CCDDCC; color: #002200; text-align: center; width: 70mm; height: 20mm; margin: 2mm; } .div1 { border: solid 2mm black; border-radius: 5mm; -moz-border-radius: 5mm; } .div2 { border: solid 2mm black; border-radius: 3mm 10mm 0mm 3mm; -moz-border-radius: 3mm 10mm 0mm 3mm; } .div3 { border: solid 2mm black; border-radius: 10mm / 7mm; -moz-border-radius: 10mm / 7mm; } .div4 { border: solid 6mm black; border-radius: 5mm / 10mm; -moz-border-radius: 5mm / 10mm; } .div5 { border: solid 5mm black; border-top: none; border-bottom: none; border-radius: 5mm; -moz-border-radius: 5mm; } .div6 { border: solid 5mm black; border-left: none; border-right: none; border-radius: 5mm; -moz-border-radius: 5mm; } .div7 { border: solid 5mm black; border-left: none; border-top: none; border-radius: 5mm; -moz-border-radius: 5mm; } .div8 { border-radius: 8mm; -moz-border-radius: 8mm; border-left: solid 2mm #660000; border-top: solid 1mm #006600; border-right: solid 2mm #000066; border-bottom: solid 4mm #004444;} --> </style> </head> <body> <div class="div div1">Exemple de div</div> <div class="div div2">Exemple de div</div> <div class="div div3">Exemple de div</div> <div class="div div4">Exemple de div</div> <div class="div div5">Exemple de div</div> <div class="div div6">Exemple de div</div> <div class="div div7">Exemple de div</div> <div class="div div8">Exemple de div</div> </body>
|