Regnery.net Internet

HTML CSS PHP MYSQL JQuery SEO – internetoplossingen

Button opmaken in CSS

CSS wordt pas echt leuk als je wat meer bekend raakt met de mogelijkheden van CSS. Het is mogelijk bijvoorbeeld om de elementen van een formulier te bewerken. Tot nu toe heb ik de basis behandeld. Dit moet genoeg zijn om de rest te kunnen begrijpen. Daar waar nodig zal er extra aandacht worden gegeven aan nieuwe elementen. Je kunt bijvoorbeeld een button opmaken in CSS.

Button opmaken in CSS

Als je een formulier maakt, sluit je deze altijd af met een button. Daar moet een bezoeker op klikken om de inhoud van het formulier te verzenden. Een simpel voorbeeld om mee te beginnen is de submit button in een formulier. De code:

 <input type=”submit” value=”submit”>

In het formulier komt standaard een grijze knop te staan. Een knop waar weinig aan is. Meestal past het ook niet in de stijl van een pagina. Gelukkig kun je de stijl van de button aanpassen. Hieronder een voorbeeld waarin de knop aangepast is.

 <style type="text/css">
   .blauw { 
    background-color: #0080ff;
    color: #f3e4ab;
    font-size: 10px;
    font-weight: bold;
   }
  </style>

 <input type="submit" value="submit" class="blauw">

Resultaat:  

Natuurlijk kun je nu veel verder gaan. Ieder input veld kun je een stijl geven enzovoorts. De wereld ligt open voor een beetje creatieve webmaster….