Html + CSS实现 java Swing 中titleborder样式

效果图：

CSS中代码：

#baseDiv { width: 90%; height: 10%; position: absolute; top: 8%; left: 50px; border-style: dashed; border-width: 1px; border-color: #33CCFF; }

#div1 { width: 100px; height: 30px; background: #3cf; position: relative; top: -15px; left: 0px; line-height: 30px; font-size: 16px; color: #FFFFFF; text-align: center; font-weight: bold; }

html中部分代码 ：

<div id="baseDiv">
        <div id="div1">基本信息</div>
        <span>IP:</span>
         <input type="text" disabled="disabled" value=<%=request.getAttribute("ip")%>> 
        <span>本次历时:</span>
         <input type="text" disabled="disabled" value=<%=request.getAttribute("duration")%>>
    </div>