<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title></title>
<title>fieldset Legend Text</title>
<style>
legend {
color:#000000;
background:#FFCC99;
border:#0000ff solid 1px;
padding:1px 10px;
}
fieldset {
color:#000000;
background:#....;
border:#ff0000 solid 1px;
padding:1px 10px;
}
.out {
display:block;
background:#FFCC99;
border:1px solid #ddd;
position:relative;
margin:1em 0;
}
.in {
text-align:lef;
background:#fff;
border:1px solid #555;
position:relative;
padding:5px;
font-weight:normal;
/*overflow:auto; */
}
.ltin {
left:-5px;
}
.tpin {
top:-5px;
}
.narrow {width:400px;} /* change to suit */
h4 {font-weight:bold; color:#000;
text-align:left;
}
</style>
</head>
<body>
<div align="center">
<table border="0" width="80%">
<tr>
<td>
<fieldset>
<legend><b>Titolo Legenda Text</b></legend>
Qui dentro va scritto il contenuto, l'effetto e inutile che ve lo spieghi si
vede molto bene<br />Generalmente viene usato per personalizzare i Forms, ma
possiamo
usarlo anche per altro<br />come in questo caso per definire un testo. nel Css
puoi indicare anche un colore di sfondo
</fieldset>
<br><br><br><b>I due insieme:</b> a questo e stato aggiunto anche l'ombra del<b>
DIV
Box </b>Sotto.
<div class="out narrow">
<div class="in ltin tpin">
<fieldset>
<legend><b>Titolo Legenda Text</b></legend>
Qui dentro va scritto il contenuto
</fieldset>
</div>
</div><br>
<b>Un Box con ombra:</b><br>
<div class="out narrow">
<div class="in ltin tpin">
<h4>Titolo Box</h4>
<p>Puoi inserire anche un Immagine sola, senza testo sarą un buon effetto,
levando il bordo al Css, lasciando solo l'ombra.<br /> Funziona sia su IE. che
su Firefox. senza particolari problemi</p>
</div>
</div>
</td>
</tr>
</table>
</div>
</body>
</html> |
