Bonjour,
J' utilise pour mon site un conteneur centré et je souhaiterais, pour amèliorer le visuel, que les angles soit arrondis et, pour donner du relief, ajouter une ombre portée.
Ci dessous le code simplifié de ma page. Quelqu' un aurait-il une solution qui puisse répondre à mon souhait?
merci à ceux qui pourraient m'aider.
Code :
- <?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
- <head>
- <title>essai</title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
- <style type="text/css">
- body {
- margin: 0;
- padding: 0;
- text-align: center;
- }
- #contenu {
- position: absolute;
- left: 50%;
- top: 50%;
- width: 968px;
- height: 580px;
- margin-top: -292px;
- margin-left: -490px;
- border: 4px solid #E1EE0E;
- background-color: #E90E2D;
- }
- </style>
- </head>
-
- <body bgcolor="#040303"><div id="contenu">
- <div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 382px; top: 282px;"><font color="#FFFFFF" size="+3">Merci</font></div>
- </body>
- </html>
|