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境界線を 1 ピクセルの黒一色にし、入力はすべて 170 ピクセルの幅になります。属性はで、次のように CSS に変換されます。inputtypetextfieldsetclasspanelfieldset.panel input[type=text]

于 2012-04-09T22:44:38.500 に答える