舒服的颜色

最新推荐文章于 2023-09-19 09:19:43 发布

流程管理

最新推荐文章于 2023-09-19 09:19:43 发布

阅读量1k

点赞数

分类专栏： JS 文章标签： border class div xhtml html c

本文链接：https://blog.youkuaiyun.com/mych/article/details/3339710

版权

JS 专栏收录该内容

30 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<title>舒服的颜色</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style tpe="text/css">
body{
background-color:#FFF;
}
div{
margin:10px 0px;
}
.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"></div>
<div class="d2"></div>
<div class="d3"></div>
<div class="d4"></div>
<div class="d5"></div>
<div class="d6"></div>
<div class="d7"></div>
<div class="d8"></div>
<div class="d9"></div>
<div class="d10"></div>
<div class="d11"></div>
<div class="d12"></div>
<div class="d13"></div>
<div class="d14"></div>
<div class="d15"></div>
<div class="d16"></div>
<div class="d17"></div>
<div class="d18"></div>
<div class="d19"></div>
</body>
</html>
舒服的配色
Written by Robin on 2008-02-25 – 10:45 am

背景色边框色
#EFF7FF #96C2F1
#F0FBEB #9BDF70
#FFFFFF #92B0DD
#EEFAFF #BBE1F1
#FAFCFD #CCEFF5
#FFFFF7 #FFCC00
#E8F5FE #A9C9E2
#FFFFDD #E3E197
#F2FDDB #ADCD3C
#FFF5FA #F8B3D0
#F7F7F7 #D3D3D3
#F3FAFF #BFD1EB
#FFF9ED #FFDD99
#F7F7FF #CACAFF
#EEF3F7 #A5B6C8
#F1F7F9 #CEE3E9
#F4F9FF #CAE3FF
#ECF8FF #C9D9EE
#F2FAFF #5C9CC0