A CSS3 lehetőségeit kihasználva felöltöztetjük elemcsoportjainkat.
Példa:
Forráskód
<style>
....
/*Elemcsoport csinosítás */
form {
background-color:#eeccc0;
margin-bottom: 10px;
border-radius: 10px;
box-shadow: 5px 5px 15px 0px #662210;}
fieldset {
background-color:#ffddcc;
color:#662210;
border-width: 1px;
border-color:#662210;
margin-bottom: 10px;
border-radius: 10px;
box-shadow: 5px 5px 15px 0px #662210;}
legend {
color: #ffffff;
background-color: #662210;
border-radius: 10px 20px 30px 40px;
padding: 2px 16px;}
form h2 {text-align: right;
margin: 5px 20px 20px 20px;
font-style:italic; }
</style>
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_urlap_csinositas_01.html