CSS Implementation of rounded Div

Code

<! Doctype HTML public " -// W3C // dtd xhtml 1.0 transitional // en "   " Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >
< HTML xmlns = " Http://www.w3.org/1999/xhtml " >
< Head >
< Meta HTTP - Equiv = " Content-Type " Content = " Text/html; charset = UTF-8 "   />
< Title > CSS rounded Div </ Title >
</ Head >
< Body >
< Div Style = " Margin: 0 4px; Background: # b0bec7; Height: 1px; overflow: hidden; " > </ Div >
< Div Style = " Margin: 0 2px; Border: 1px solid # b0bec7; border-width: 0 2px; Background: # e1e7e9; Height: 1px; overflow: hidden; " > </ Div >
< Div Style = " Margin: 0 1px; Border: 1px solid # b0bec7; border-width: 0 1px; Background: # e1e7e9; Height: 1px; overflow: hidden; " > </ Div >
< Div Style = " Margin: 0 1px; Border: 1px solid # b0bec7; border-width: 0 1px; Background: # e1e7e9; Height: 1px; overflow: hidden; " > </ Div >

< Div Style = " Background: # e1e7e9; Border: 1px solid # b0bec7; border-width: 0 1px; " >
  < Div Style = " Font-size: 12px; font-weight: bolder; font-family: verdana; color: #258; padding: 2px 10px 5px; " >
Title, here you want to change the background color, add background in the style of this Div - Color Attribute. You need to set the width after changing it. Otherwise, it will be ugly.
  </ Div >
  < Div Style = " Background: # FFF; margin: 0 3px; font-size: 11px; font-family: verdana; color: #333; padding: 5px 10px; overflow: hidden; " >
This is the content area and the background color is white. If you want to be the same as the title, change the background color to # e1e7e9, which is the same as the background color of the 2nd Div.
  </ Div >
</ Div >

< Div Style = " Margin: 0 1px; Border: 1px solid # b0bec7; border-width: 0 1px; Background: # e1e7e9; Height: 1px; overflow: hidden; " > </ Div >
< Div Style = " Margin: 0 1px; Border: 1px solid # b0bec7; border-width: 0 2px; Background: # e1e7e9; Height: 1px; overflow: hidden; " > </ Div >
< Div Style = " Margin: 0 2px; Border: 1px solid # b0bec7; border-width: 0 2px; Background: # e1e7e9; Height: 1px; overflow: hidden; " > </ Div >
< Div Style = " Margin: 0 4px; Background: # b0bec7; Height: 1px; overflow: hidden; " > </ Div >
</ Body >
</ Html >