Par exemple, pour stlyen un bouton HTML soumettre avec CSS pour créer un effet à la souris sur.

Bouton Envoyer à un style CSS pour créer de la souris sur l'effet

Par administrateur le vendredi 28 août 2009

Pour créer un petit exemple pour stlyen à un bouton submit HTML avec CSS pour une souris sur l'effet, sans avoir à utiliser Javascript doit:

 <DOCTYPE HTML PUBLIC "- / / W3C / / DTD HTML 4.01 Transitional / / EN">
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <style type="text/css">


 button.submit
 {
 background: # 0E0F0F;
 font-family: Century Gothic, Arial, Tahoma, sans-serif;
 color: # FFF;
 font-size: 13px;
 margin: 0 auto;
 padding: 0;
 }

 button.submit: hover
 {
 background: # FE0F0F;
 font-family: Century Gothic, Arial, Tahoma, sans-serif;
 color: # FFF;
 font-size: 13px;
 margin: 0 auto;
 padding: 0;
 }

 {Label.name
 font-family: Century Gothic, Arial, Tahoma, sans-serif;
 background: # 0E0F0F;
 color: # FFF;
 }

 entrée {
 font-family: Century Gothic, Arial, Tahoma, sans-serif;
 background: # 0E0F0F;
 color: # FFF;
 }

 </ Style>
 <title> </ title>
 </ Head>
 <body>
 <form name="aForm" action="index.php" method="post">
 <label for="name" class="name"> Nom </ label>
 <input type="text" name="nom" id="name" size="30" />
 <button type="submit" class="submit"> Envoyer </ button>
 <input type="hidden" name="submit" value="yes">
 </ Form>
 </ Body>
 </ Html>