用HTML轻松实现GroupBox的边框效果

来源:互联网 发布:mac steam好玩的游戏 编辑:程序博客网 时间:2024/06/13 11:14

最近在开发过程中遇到了一点小问题,按照客户的要求,需要在页面上实现像GroupBox那样的边框效果。vs里一个控件就实现了,可在HTML里怎么实现阿?

试着使用表格+图片来完成,勉强实现,但是一旦内容超长就会出现边框线无法对齐。难道真的没有好办法了么?

四处查找资料,终于找到了一个非常简单的方法。HTML4.0开始支持两组标签“<fieldset></fieldset>”和“<legend></legend>”。

这两组标签是干什么用的?<fieldset>是把其中的内容作为一组,也就是GroupBox中的内容;<legend>就是给GroupBox加上标题啦。看看下面的效果吧:

如:<html>
<head></head>
<body>

<fieldset>
<legend>标题文字</legend>
内容文字

</fieldset>

</body>
</html>

1 0
原创粉丝点击