2

我有一个带有凹槽边框的 div。我希望它看起来像这个面板： http: //www.devmanuals.com/images/images1/444Panel1.gif

图片上的面板标题为“用户注册”。如何让我的 div 有一个像面板一样的标题？

4

3 回答 3

3

这称为fieldset，它是一个基本的 HTML 标记。

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

我不愿意给你这个网站的链接，但它确实有能力让你在那里试用你的 HTML。

于 2012-04-08T19:09:48.793 回答
1

尝试“字段集”：

<fieldset>
    <legend>caption goes here</legend>
</fieldset>
于 2012-04-08T19:14:22.690 回答
0

您可以对字段集进行一些样式设置。

样式表.css

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

用法

<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>

基本上它使用一个字段集，但具有一些基本样式，css 类panel将使边框 1px 纯黑色，输入都将是 170px 宽度，因为 css 样式只会应用于inputstype并且text在fieldset其内部class属性是panel, 翻译成 css 是这样的：fieldset.panel input[type=text].

于 2012-04-09T22:44:38.500 回答