web2.0 舒服的颜色 -- [DIV+CSS]─ 深山工作室提供网络投票系统|微信公众号投票|微信公众号小程序|抖音小程序|百度小程序|微信公众号开发|企业网站建设

web2.0 舒服的颜色

深山行者个人网站 2008/10/20 21:56:53 深山行者字体:大中小浏览 8033

以下为详细代码

<!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

前一页:126邮箱TAB效果(同一页面可多次使用)

后一页:详谈CSS设计中import与link的区别所在

相关阅读: 淘宝产品首字母类别效果; 贵豪旅行社; 针对新的百度采集系统进行的文章内容SEO基本优化原则; 华东宾馆; 网站提示错误页面，几秒后返回首页; 商业版增加线路日期报价功能样式选择(增加了3个日期报价效果); JavaScript技巧:让网页自动穿上外套; 北京顺义阿来电脑科技有限公司

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; uni-app; asp函数库; ASP; DIV+CSS; HTML; python

更多>>同类信息: jquery设置或获取修改classname; 利用css3.0写出一个音乐播放的唱片碟盘的效果; 利用css中的scale()实现放大缩小效果; 利用background-color:#000000a8在背景颜色16进制代码之后加字母加上数字让背景色透明; css背景使用base64编码或者将base64编码放在img图片标签中; 利用css3中的-webkit-font-smoothing把网页文字的毛边去掉

更多>>最新添加文章: dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT; Android移动端自动化测试：使用UIAutomatorViewer与Selenium定位元素; 抖音直播音挂载小雪花懂车帝小程序; javascript获取浏览器指纹可以用来做投票; 火狐Mozilla Firefox出现：无法载入您的Firefox配置文件它可能已经丢失或是无法访问问题解决集合处理办法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗

更多>>随机抽取信息: asp计算页面执行时间显示到毫秒; 求实时获取两个input日期型值的差; 旅行社网站模板9; 网站需要SEO,基本的SEO建站要点; rs操作数据表记录集对象的方法; 本站出现验证码问题

更多标签热门标签

选择符性能多选框载入光标 Margin加倍在线链接样式验证码文字垂直处理理想客户端设为首页自适应 Request window 状态栏数字失效商城蓝色理想 button 动画分页 eof 转换 open 正则默认高度动态繁体 visite 无限右键 png24 常用购物命名评论告叛断布局选项卡 class 遍历网页制作奋斗 form 深山v1.0旅行社网站管理系统