A Google login-style table is written.

Bored, I found that the login table of the Google account looks really good, and I wrote one like that.
The effect is as follows:

Context

HtmlCode:

< Table Cellspacing = "0" Cellpadding = "2" Align = "Center" Border = "1px" Bordercolor = "# C3d9ff" >
< Tr >
< TD Align = "Center" Valign = "Middle" >
< Table Border = "0" Bgcolor = "# E8eefa" >
< Tr >
< TD Width = "400px" Height = "300px" >
Context
</ TD >
</ Tr >
</ Table >
</ TD >
</ Tr >
</ Table >

There is another title style: (I can't see it here, but it's the rounded rectangle) . Bubble {background-color: # c3d9ff }. TL {padding: 0; width: 4; text-align: Left; Vertical-align: Top }. tr {padding: 0; width: 4; text-align: Right; Vertical-align: Top }. BL {padding: 0; width: 4; text-align: Left; Vertical-align: Bottom }. BR {padding: 0; width: 4; text-align: Right; Vertical-align: Bottom}

< Table Border = "0" Cellspacing = "0" Cellpadding = "0" >
< Tbody >
< Tr >
< TD Class = "Bubble TL" Valign = "TOP" Align = "Left" >
< IMG Class = "C" ALT = "" SRC = "Https://mail.google.com/mail/images/corner_tl.gif" > </ TD >
< TD Bgcolor = "# C3d9ff" Style = "Padding-Right: 0px; padding-left: 0px; font-weight: bold;
Padding-bottom: 3px; padding-top: 3px; font-family: Arial; text-align: left"
Rowspan = "2" >
< B > Welcome to Gmail </ B > </ TD >
< TD Class = "Bubble TR" Valign = "TOP" Align = "Right" >
< IMG Class = "C" ALT = "" SRC = "Https://mail.google.com/mail/images/corner_tr.gif" > </ TD >
</ Tr >
< Tr >
< TD Class = "Bubble Bl" Valign = "Bottom" Align = "Left" >
< IMG Class = "C" ALT = "" SRC = "Https://mail.google.com/mail/images/corner_bl.gif" > </ TD >
< TD Class = "Bubble Br" Valign = "Bottom" Align = "Right" >
< IMG Class = "C" ALT = "" SRC = "Https://mail.google.com/mail/images/corner_br.gif" > </ TD >
</ Tr >
</ Tbody >
</ Table >

Maybe I will copy these two styles later, hoho