带下划线的Fieldset图例

时间:2016-01-28 01:13:24

标签: html css border legend fieldset

我正在开发一个小型界面,目前在带有图例的字段集中有一组简单的单选按钮。它目前看起来像这样:

what it is now

但我希望在图例和按钮之间设置边框,如下所示:

what I want it to be

代码如下:

t1, t2, t3

任何建议都将不胜感激!

1 个答案:

答案 0 :(得分:1)

试试这个:

fieldset { 
  border: none;
}
legend {
  border-bottom: 1px solid black;
  padding: 2px 0px;
  width: 100%;
}

Demo