@edwardnewgate eine kleine ergänzung zu dem was du schon von dS hast :O
für firefox benutzt du:
-moz-border-radius: 10px; (zB)
gibst du nur eine angabe an werden alle ecken gleich abgerundet, du kannst aber auch einzelne angeben zb mit
-moz-border-radius: 10px 10px 0 0;
damit würden zB nur die beiden oberen abgerundet werden
für chrome und safari gibst du
-webkit-border-radius: 10px;
an. dabei kannst du auch wie bei ff vier angaben machen oder du rundest nur einzelne ecken ab und gibst selbst genau an was abgerundet werden soll, wie zB
-webkit-border-top-left-radius
wäre die obere linke ecke.
für opera schreibt man
-border-radius oder -border-top-left-radius je nachdem
was dabei aber zu beachten ist, ist, dass die angebe von opera keine vier px angaben liest, das bedeutet, für opera musst du zum abrunden einzelner ecken immer genau angaben machen
für die transparente farbe kannst du entweder ein vorgefertigtes bild verwenden und das als hintergrund angeben mit
background: url(BILD-LINK.png);
oder du gibst eine opacity angabe an, wobei dabei alles was in dem feld mit drin is ebenso transparent werden würde wie die schrift oder sowas
du kannst aber auch mit rgba arbeiten, also zb
background-color: rgba(255,00,00,0.5)
wäre ein leicht transparentes rot
die rgb angaben für farben findest du zb bei colorpicker
http://www.colorpicker.com/die viere zahl in den klammern ist die opacity angabe, also die dichte der farbe 1.0 wäre zb voll 0.0 komplett transparent, ich hoffe du verstehst was ich meine