Implement groupbox effects similar to winform in HTML

When using ASP. NET web components, I found that the editing control has the groupbox effect. I never knew how to make this effect on the Web. Now I know. Use the following htmlCodeThe key is fieldset and legend labels:

< Fieldset Style = "Border-color: # e2ded6; border-width: 1px; border-style: solid ;" >
< Legend Style = "Color: #333333; font-size: 0.8em; font-weight: bold ;" >
Attribute Grid
</ Legend >
< Div Style = "Margin-left: 10px" >
Unit:
< Select >
< Option > Longqi </ Option >
< Option > Furious </ Option >
</ Select >
</ Div >
< Div Style = "Margin-left: 10px" >
Color:
< Select >
< Option > Red </ Option >
< Option > Blue </ Option >
</ Select >
</ Div >
</ Fieldset >

 

This is the result:

Attribute GridUnit:
LongqiFuriousColor:
RedBlue