html中边界加线怎么写,HTML元素 - fieldset(用fieldset、legend实现文字写在边线上的效果)...

定义

在字段集包含的文本和其它元素外面画一个方框。

注释

此元素用于对表单中的元素进行分组并在文档中区别标出文本。

FIELDSET 元素与窗口框架的行为有些相似。因为窗口框架没有滚动条，将 overflow 属性值设为 scroll，显示效果和值为 hidden 相同。

此元素在 Internet Explorer 4.0 及以上版本的HTML 和的脚本中可用。

此元素是块元素。

此元素需要关闭标签。

----------------------------------------------------------------------------------------CSS实例：用fieldset、legend实现文字写在边线上的效果

这是一个非常不错的效果，在实际制作中也比较常用，我们看下面的图片：

或许你想到可以用图片来实现这样的效果，但图片除了体积稍大，语义上也很欠缺。这样的效果如何用xhtml+css实现呢？首先我们通过fieldset设置一个方框(也译作域)，然后通过特定的标签legend域标题，设置一个标题，并对它们进行相应的样式定义即可实现这样效果。我们首先来了解一下fieldset方框、legend域标题这两个标签的知识。

HTML元素 fieldset方框

Draws a box around the text and other elements that the field set contains.

在字段集包含的文本