CSS样式实现GroupBox

 1 <style>
 2 .groupBox
 3     {margin:10px;
 4     width:500px;
 5     height:500px;
 6     border:thin solid black;
 7     padding:10px}
 8 .grouptitle
 9     {display:block;
10     margin-top:-24px;
11     margin-left:20px;
12     width:150px;
13     text-align:center;
14     background-color:white}
15 </style>
16 <div class="groupBox">
17     <span class="grouptitle">GroupBox实现方式</span>
18 </div>

 效果图