Div wirkt wie Panel

Question

Ich habe ein div mit gerillten Rand. Ich möchte, dass es wie dieses Panel aussieht: http://www.devmanuals.com/images/images1/444Panel1.gif

Das Panel auf dem Bild hat den Titel "Benutzerregistrierung". Wie mache ich meinem div einen Titel wie das Panel?

Answer 1

Das ist ein fieldset, und es ist ein einfaches HTML-Tag.

<fieldset> 
    <legend>User Registration</legend> 
    User name: <input type="text" /><br /> 
    Password: <input type="text" /><br /> 
    </fieldset> 

ich erschaudern Sie einen Link zu this site bei geben, aber es hat die Fähigkeit, die richtige für Sie da, um Ihre HTML auszuprobieren.

Answer 2

Versuchen Sie, eine "fieldset":

<fieldset> 
    <legend>caption goes here</legend> 
</fieldset> 

Answer 3

Sie könnten auf dem fieldset einige Styling tun.

Stylesheet.css

fieldset.panel 
{ 
    border: 1px solid #000; 
    width: 200px; 
} 
fieldset.panel input[type=text] 
{ 
    width: 170px; 
} 

Nutzungs

<fieldset class="panel"> 
    <legend>User Registration</legend> 
    User name:<br/><input type="text"/><br/> 
    Email-id:<br/><input type="text"/><br/> 
    Password:<br/><input type="text"/><br/> 
    Confirm password:<br/><input type="text"/><br/> 
    <br/> 
    <input type ="submit" value="Register"/> 
</fieldset> 

Im Grunde ist es eine Fieldset verwenden, aber mit einigen grundlegenden Styling, die CSS-Klasse panel wird die Grenze 1px solid schwarz machen und die Eingänge alle gehen um 170px Breite zu sein, da der CSS-Stil nur auf die input s angewendet wird, die typetext ist und in einem fieldset dessen class Attribut ist ist panel, übersetzt in css wie folgt: fieldset.panel input[type=text].