Question

This is a picture representation. Exactly I want to know the css rules needed to achieve this

这是图片表示。我想知道实现这个所需的css规则

Answer 1

这是表单的字段集。

<form>
    <fieldset>
        <legend>Title:</legend>
    </fieldset>
</form>

Answer 2

HTML5：

<!DOCTYPE html>
<html>
<body>

<form>
 <fieldset>
  <legend>Access Group:</legend>
 </fieldset>
</form>

</body>
</html>

CSS：

fieldset {
    border-radius: 3px;   
}

Answer 3

您可以使用html fieldset和legend标记来实现此目的。要获得圆角，只需使用border-radius属性。

看看那个小提琴： Demo Fiddle