css頁面網(wǎng)頁配色_Div+CSS教程

2024-08-30 08:33:23

字體：大中小

供稿：網(wǎng)友

本文來源與武林網(wǎng)_www.CuoXIn.com

<html> <head>  <title>web2.0 color</title>  <style type="text/css">  body{  margin:20px;  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;  font-size:12px;                 text-align:center;  }  .style1{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #96C2F1;  background-color: #EFF7FF  }  .style1 h5{  margin: 1px;  background-color: #B2D3F5;  height: 24px;  }    .style2{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #9BDF70;  background-color: #F0FBEB  }   .style2 h5{  margin: 1px;  background-color: #C2ECA7;  height: 24px;  }    .style3{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #BBE1F1;  background-color: #EEFAFF  }    .style4{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #CCEFF5;  background-color: #FAFCFD  }    .style5{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #FFCC00;  background-color: #FFFFF7  }    .style6{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #92B0DD;  background-color: #FFFFFf  }  .style6 h5{  margin: 1px;  background-color: #E2EAF8;  height: 24px;  }    .style7{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #A9C9E2;  background-color: #E8F5FE  }    .style8{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #E3E197;  background-color: #FFFFDD  }    .style9{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #ADCD3C;  background-color: #F2FDDB  }    .style10{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #F8B3D0;  background-color: #FFF5FA  }    .style11{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #D3D3D3;  background-color: #F7F7F7  }    .style12{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #BFD1EB;  background-color: #F3FAFF  }    .style13{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #FFDD99;  background-color: #FFF9ED  }     .style14{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #CACAFF;  background-color: #F7F7FF  }     .style15{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #A5B6C8;  background-color: #EEF3F7  }  .style16{  width: 800px;  height: 100px;  margin: 0px auto;  margin-bottom:20px;  border:1px solid #CEE3E9;  background-color: #F1F7F9  }   h5{color:#CCCCCC;margin-left:680px}  a{color:#CCCCCC;text-decoration:none}  a:hover{color:#666666;text-decoration:underline}  </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>  <body> <div class="style1"><h5></h5></div> <div class="style2"><h5></h5></div> <div class="style6"><h5></h5></div> <div class="style3"></div> <div class="style4"></div> <div class="style5"></div> <div class="style7"></div> <div class="style8"></div> <div class="style9"></div> <div class="style10"></div> <div class="style11"></div> <div class="style12"></div> <div class="style13"></div> <div class="style14"></div> <div class="style15"></div> <div class="style16"></div> </body> </html>

武林網(wǎng)_www.CuoXIn.com