html运行实例（cssref_default_legend）-搜寻教程库

代码示例：（标识：cssref_default_legend）

<!DOCTYPE html>
<html>
<head>
<style>
/* 默认的 CSS 值 */
legend {
  display: block;
  padding-left: 2px;
  padding-right: 2px;
  border: none;
}
</style>
</head>
<body>

<p>默认情况下，legend 元素会这样显示：</p>

<fieldset>
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
</fieldset>

<p>自定义的 legend 元素（更改 padding-left）：</p>

<fieldset style="padding-left:60px;">
  <legend>Personalia:</legend>
  Name: <input type="text"><br>
  Email: <input type="text"><br>
  Date of birth: <input type="text">
</fieldset>

</body>
</html>