网站流行配色方案

稿源：互联网 2022-05-12 15:49:57 点击： 3986 撤稿纠错

很多种样式，看看哪种比较适合您吧。

以下讨论的是和特效相关的网站流行配色方案教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<html><br><head><br><title>web2.0 color</title><br><style type="text/css"><br>body{<br>margin:20px;<br>font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;<br>font-size:12px;<br>}<br>.style1{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #96C2F1;<br>background-color: #EFF7FF<br>}<br>.style1 h5{<br>margin: 1px;<br>background-color: #B2D3F5;<br>height: 24px;<br>}<br>.style2{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #9BDF70;<br>background-color: #F0FBEB<br>}<br>.style2 h5{<br>margin: 1px;<br>background-color: #C2ECA7;<br>height: 24px;<br>}<br>.style3{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #BBE1F1;<br>background-color: #EEFAFF<br>}<br>.style4{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #CCEFF5;<br>background-color: #FAFCFD<br>}<br>.style5{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #FFCC00;<br>background-color: #FFFFF7<br>}<br>.style6{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #92B0DD;<br>background-color: #FFFFFf<br>}<br>.style6 h5{<br>margin: 1px;<br>background-color: #E2EAF8;<br>height: 24px;<br>}<br>.style7{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #A9C9E2;<br>background-color: #E8F5FE<br>}<br>.style8{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #E3E197;<br>background-color: #FFFFDD<br>}<br>.style9{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #ADCD3C;<br>background-color: #F2FDDB<br>}<br>.style10{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #F8B3D0;<br>background-color: #FFF5FA<br>}<br>.style11{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #D3D3D3;<br>background-color: #F7F7F7<br>}<br>.style12{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #BFD1EB;<br>background-color: #F3FAFF<br>}<br>.style13{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #FFDD99;<br>background-color: #FFF9ED<br>}<br>.style14{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #CACAFF;<br>background-color: #F7F7FF<br>}<br>.style15{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #A5B6C8;<br>background-color: #EEF3F7<br>}<br>.style16{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #CEE3E9;<br>background-color: #F1F7F9<br>}<br>.style17{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #CAE3FF;<br>background-color: #F4F9FF<br>}<br>.style18{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #C9D9EE;<br>background-color: #ECF8FF<br>}<br>.style19{<br>width: 800px;<br>height: 100px;<br>margin: 0px auto;<br>margin-bottom:20px;<br>border:1px solid #5C9CC0;<br>background-color: #F2FAFF<br>}<br>h5{color:#CCCCCC;margin-left:680px}<br>a{color:#CCCCCC;text-decoration:none}<br>a:hover{color:#666666;text-decoration:underline}<br></style><br><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><br><body><br><div class="style2"><h5></h5></div><br><div class="style6"><h5></h5></div><br><div class="style3"></div><br><div class="style4"></div><br><div class="style5"></div><br><div class="style7"></div><br><div class="style8"></div><br><div class="style9"></div><br><div class="style10"></div><br><div class="style11"></div><br><div class="style12"></div><br><div class="style13"></div><br><div class="style14"></div><br><div class="style15"></div><br><div class="style16"></div><br><div class="style17"></div><br><div class="style18"></div><br><div class="style19"></div><br></body><br></html></font><br><a href="http://js.alixixi.com/">欢迎访问阿里西西网页特效代码站，js.alixixi.com</a>

关于网站流行配色方案的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200811272414.shtml方便下次再访问哦。

·上一篇： 超简单表格隔行换色和鼠标点击变色效果
·下一篇： 超简单表格隔行换色鼠标经过变色效果

网站流行配色方案

文章分类LIST >>返回首页

最新游戏

最新新闻