HTML& CSS:如何设置HR标签的样式以在其中嵌入标题

时间:2011-03-04 12:34:34

标签: html css

我正在尝试创建一个遵循以下模型的人力资源:

-----<title>-------------------------------------------------

这是一个相当常见的UI模式,但我找不到如何在HTML中使用这个工具的示例。有没有人有任何想法甚至指向示例?我今天早上一直在谷歌搜索它,到目前为止还没找到我需要的东西。

哦,另外我想要它用于一组表单输入。

谢谢!

2 个答案:

答案 0 :(得分:5)

<fieldset>
     <legend>title</legend>
</fieldset>

然后,您可以将CSS应用于这些元素以获得所需的效果

答案 1 :(得分:3)

您要找的是<fieldset>标记。

<fieldset>元素表示一组表单控件,可选地按通用名称分组。

  

该组的名称由   作为孩子的第一个传奇元素   如果有,则为fieldset元素。该   其余的后代形成了   基。

<legend>元素表示图例元素的父字段集元素的其余内容的标题。

dir属性可用于指定文本的对齐方式。

rtl正确的

-------------------------------------------------<title>-----  
左侧的

ltr

-----<title>-------------------------------------------------

默认情况下为ltr

示例:

<fieldset dir="rtl">
    <legend>Fieldset Demo</legend>
</fieldset>