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

web2.0 舒服的颜色

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

以下为详细代码

<!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的区别所在

相关阅读: AJAX弹出提示信息效果与lightbox效果一样; python里面requests.post返回的res.text还有其它的吗; 03 修改程序文件夹权限获得修改数据权限; 延边金桥国际旅行社有限公司; GOOGLE百度破解，网站优化SEO最终详解; 爱度旅行网; 中国青岛春秋国际旅行社有限公司; uni-app的父与子页面传递参数之属性Props字段类型讲解

共有0条关于《web2.0 舒服的颜色》的评论: 发表评论

正在加载评论......

返回顶部发表评论

呢称:
表情:
内容:	评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码:

网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择: 百度小程序开发; 微信小程序开发; 微信公众号开发; 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把网页文字的毛边去掉

更多>>最新添加文章: 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径; python通过代码修改pip下载源让下载库飞起; python里面requests.post返回的res.text还有其它的吗; aliyun阿里云续费域名优惠口令(注册、续费都可以使用); windows7环境下安装配置jdk; python对微信操作要用到这两个库wxpy与itchat; ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明; DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法

更多>>随机抽取信息: 购买系统多久可以安装？; 阳光港澳旅行网; 使用uiautomatorviewer连接模拟器页面报错No Android devices were detected by adb.; 过滤输入字符串中的危险符号; 旅行社手机网站模板3; 利用css实现图片选中后显示文字与图片效果

更多标签热门标签

vista 名称收藏透明购物许愿墙 Google letter-spacing DOCTYPE dreawmeaver 键盘高亮爱墙变幻 IE8 outerHTML 安装包理想判断打字采集固定快捷 getElementById 深山 checkbox 转换墙天气预报计划深山行者性能 ie 框架 V3.1 instr 高度关键字省略源文件柱状日历滑过二级经典的 email iis 右击失效工具统计