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>