摘自网络。
<html>
<head>
<title>Colors</title>
<style type="text/css">
body{
margin:20px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}
.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
}
.style17{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #CAE3FF;
background-color: #F4F9FF
}
.style18{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #C9D9EE;
background-color: #ECF8FF
}
.style19{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #5C9CC0;
background-color: #F2FAFF
}
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>Title</h5></div>
<div class="style2"><h5>Title</h5></div>
<div class="style6"><h5>Title</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>
<div class="style17"></div>
<div class="style18"></div>
<div class="style19"></div>
</body>
</html>
分享到:
相关推荐
一个漂亮的div弹出窗口样式 解压后双击html页面即可
几款不错的DIV+CSS样式 里面有3D按钮 层模拟窗口移动
漂亮的div浮动层
效果预览 http://www.lzlu.com/Google/js/box/box.html<br><br>以前刚刚学div css的时候老不知道这种漂亮的框该如何布局 今天心血来潮,扒了EXT瞧了瞧,原来这么简单 放在这里,嘿嘿,不要笑话 只是希望没...
超漂亮JS的DIV特效!!!(支持IE9.0,FF.GOOGLE),JS的DIV特效,DIV弹出特效,超漂亮的DIV特效
漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div 漂亮遮罩层css+div ...
解压到项目中就可以用!可以根据自己的需求修改js文件来改变弹窗的样式或功能!
1.有各种很漂亮的表单样式, 2,表单用div+css,还有js控制实现很炫的效果
用来研究的; 全套是从http://www.taohui8.com这里取下来的; 感觉很不错; 分享给学习div+css的朋友们...
漂亮的消息框,逼真的模式窗体,其中的样式可以实现很多版块的样式布局
使用DIV+CSS达到文字阴影的一个效果代码!
用CSS制作漂亮的菜单- CSS/DIV布局专题讲解 - 第5课 CSS滤镜的应用 - CSS/DIV布局专题讲解 - 第6课 理解CSS定位与div布局 - CSS/DIV布局专题讲解 - 第7课 CSS排版 - CSS/DIV布局专题讲解 - 第8课 网页变幻 - CSS...
所有网站都采用CSS控制样式展现,没有table,都是DIV控制布局!更有一些网站有华丽丽的JS特效。 36个网站中包含了各行各业的网页设计,譬如图片站、门户站、企业站、宠物站、资讯站等等,而且足够让您欣喜的是绝大...
非常漂亮的DIV+CSS模板,包括五个页面及其图片样式,包括首页,内容页,列表页,留言页面等。出至:淘客天空www.taokesky.com
一个漂亮的DIV搜索条,仿 视频搜索。。。
div ul li排列图片的样式 css + div
div css3样式表制作jquery返回顶部特效
html5+div+css3网站样式模板,漂亮的网站样式模板,有样式、图片
漂亮的表单样式,CSS+DIV
几个漂亮网站首页的源码(全),学习css和自己设计网页的一大助力。