<!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" /> <style tpe="text/css"> body{ background-color:#FFF; font:12px verdana; color:#666; } div{ margin:10px; padding:10px; float:left; } .d1{ border:1px solid #96C2F1; background-color:#EFF7FF; width:300px; height:100px; } .d2{ border:1px solid #9BDF70; background-color:#F0FBEB; width:300px; height:100px; } .d3{ border:1px solid #92B0DD; background-color:#FFFFFF; width:300px; height:100px; } .d4{ border:1px solid #BBE1F1; background-color:#EEFAFF; width:300px; height:100px; } .d5{ border:1px solid #CCEFF5; background-color:#FAFCFD; width:300px; height:100px; } .d6{ border:1px solid #FFCC00; background-color:#FFFFF7; width:300px; height:100px; } .d7{ border:1px solid #A9C9E2; background-color:#E8F5FE; width:300px; height:100px; } .d8{ border:1px solid #E3E197; background-color:#FFFFDD; width:300px; height:100px; } .d9{ border:1px solid #ADCD3C; background-color:#F2FDDB; width:300px; height:100px; } .d10{ border:1px solid #F8B3D0; background-color:#FFF5FA; width:300px; height:100px; } .d11{ border:1px solid #D3D3D3; background-color:#F7F7F7; width:300px; height:100px; } .d12{ border:1px solid #BFD1EB; background-color:#F3FAFF; width:300px; height:100px; } .d13{ border:1px solid #FFDD99; background-color:#FFF9ED; width:300px; height:100px; } .d14{ border:1px solid #CACAFF; background-color:#F7F7FF; width:300px; height:100px; } .d15{ border:1px solid #A5B6C8; background-color:#EEF3F7; width:300px; height:100px; } .d16{ border:1px solid #CEE3E9; background-color:#F1F7F9; width:300px; height:100px; } .d17{ border:1px solid #CAE3FF; background-color:#F4F9FF; width:300px; height:100px; } .d18{ border:1px solid #C9D9EE; background-color:#ECF8FF; width:300px; height:100px; } .d19{ border:1px solid #5C9CC0; background-color:#F2FAFF; width:300px; height:100px; } </style> </head> <body> <div class="d1">背景色 : 边框色<br/>#EFF7FF #96C2F1</div> <div class="d2">#F0FBEB #9BDF70</div> <div class="d3">#FFFFFF #92B0DD</div> <div class="d4">#EEFAFF #BBE1F1</div> <div class="d5">#FAFCFD #CCEFF5</div> <div class="d6">#FFFFF7 #FFCC00</div> <div class="d7">#E8F5FE #A9C9E2</div> <div class="d8">#FFFFDD #E3E197</div> <div class="d9">#F2FDDB #ADCD3C</div> <div class="d10">#FFF5FA #F8B3D0</div> <div class="d11">#F7F7F7 #D3D3D3</div> <div class="d12">#F3FAFF #BFD1EB</div> <div class="d13">#FFF9ED #FFDD99</div> <div class="d14">#F7F7FF #CACAFF</div> <div class="d15">#EEF3F7 #A5B6C8</div> <div class="d16">#F1F7F9 #CEE3E9</div> <div class="d17">#F4F9FF #CAE3FF</div> <div class="d18">#ECF8FF #C9D9EE</div> <div class="d19">#F2FAFF #5C9CC0</div> </body> </html>