<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Airtight Corners</title> <style type="text/css"> /*** CORNER STYLES ***/ .header ul { background: url(/files/example/104/corners.gif) -15px -15px no-repeat; height: 15px; list-style: none; margin: 0; } .header ul li { float: right; background: url(/files/example/104/corners.gif) 0px -15px no-repeat; width: 15px; line-height: 15px; } .footer ul { background: url(/files/example/104/corners.gif) -15px 0px no-repeat; height: 15px; list-style: none; margin: 0; } .footer ul li { float: right; background: url(/files/example/104/corners.gif) 0px 0px no-repeat; width: 15px; line-height: 15px; } /*** OTHER STYLES FOR THIS PAGE ***/ body { font-family: verdana; font-size: 9pt; } h1 { font-size:18px; font-weight:bold; } .roundedDiv { width: 350px; background: #369; color: #FFF; } #content { padding: 0 15px; display: block; } ol li { margin-bottom: 10px; } #title { padding:8px; border-bottom:1px solid #dcdcdc; } </style> </head> <body> <div style="padding:10px;"> <p>Example Image:<br /> <img src="corners.gif" width="30" height="30" /> </p> </div> <div class="roundedDiv"> <div class="header"><ul><li> </li></ul></div> <div id="content"> <p>文字内容区域<br /> <br /> <br /> <br /> <br /> <br /> <br /> 文字内容区域<br /> <br /> </p> </div> <div class="footer"><ul><li> </li></ul></div> </div> </body> </html> <br><br>----<br><br><a href="http://library.idtcn.com" _fcksavedurl="http://library.idtcn.com" target="_blank">更多效果请访问http://library.idtcn.com</a>
