<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>经典表格、区域边框和底色搭配</title> <style type="text/css"> <!-- .commonDiv { MARGIN: 10px;WIDTH: 550px; LINE-HEIGHT: 1.6em; BORDER: 1px solid #FFF; HEIGHT: 50px } .div1 { border-color:#ffcc00; BACKGROUND-COLOR: #fffff7; } .div2 { border-color:#96c2f1; BACKGROUND-COLOR: #eff7ff; } .div3 { BACKGROUND-COLOR: #f0fbeb; border-color:#9bdf70; } .div4 { BORDER-COLOR: #abdc8d; BACKGROUND-COLOR: #f8ffe7; } .div5 { BORDER-COLOR: #adcd3c; BACKGROUND-COLOR: #f2fddb; } .div6 { BORDER-COLOR: #bbe1f1; BACKGROUND-COLOR: #eefaff; } .div7 { BORDER-COLOR: #d1f0f6; BACKGROUND-COLOR: #fafcfd; } .div8 { BORDER-COLOR: #a9c9e2; BACKGROUND-COLOR: #e8f5fe; } .div9 { BORDER-COLOR: #e3e197; BACKGROUND-COLOR: #ffffeb; } .div10 { BORDER-COLOR: #f8b3d0; BACKGROUND-COLOR: #fff5fa; } .div11 { BORDER-COLOR: #d3d3d3; BACKGROUND-COLOR: #f7f7f7; } .div12 { BORDER-COLOR: #bfd1eb; BACKGROUND-COLOR: #f3faff; } .div13 { BORDER-COLOR: #ffdd99; BACKGROUND-COLOR: #fff9ed; } .div14 { BORDER-COLOR: #cacaff; BACKGROUND-COLOR: #f7f7ff; } .div15 { BORDER-COLOR: #a5b6c8; BACKGROUND-COLOR: #eef3f7; } .div16 { BORDER-COLOR: #cee3e9; BACKGROUND-COLOR: #f1f7f9; } .div17 { BORDER-COLOR: #cae3ff; BACKGROUND-COLOR: #f4f9ff; } .div18 { BORDER-COLOR: #5c9cc0; BACKGROUND-COLOR: #f2faff; } .div19 { BORDER-COLOR: #86b9d6; BACKGROUND-COLOR: #f5fbff; } --></style> </head> <body> <div class="commonDiv"> <div class="commonDiv div1"> </div> <div class="commonDiv div2"> </div> <div class="commonDiv div3"> </div> <div class="commonDiv div4"> </div> <div class="commonDiv div5"> </div> <div class="commonDiv div6"> </div> <div class="commonDiv div7"> </div> <div class="commonDiv div8"> </div> <div class="commonDiv div9"> </div> <div class="commonDiv div10"> </div> <div class="commonDiv div11"> </div> <div class="commonDiv div12"> </div> <div class="commonDiv div13"> </div> <div class="commonDiv div14"> </div> <div class="commonDiv div15"> </div> <div class="commonDiv div16"> </div> <div class="commonDiv div17"> </div> <div class="commonDiv div18"> </div> <div class="commonDiv div19"> </div> </div> </body> </html>