超级漂亮的几款清新、常用的网页CSS布局配色实例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<title>超清爽的几款CSS网页配色方案丨芯晴网页特效丨www.CsrCode.cn</title>
<head>
<style type="text/css">
.style1{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #96C2F1;
background-color: #EFF7FF
}.style2{
width: 800px;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #9BDF70;
background-color: #F0FBEB
}.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
}
</style>
</head>
<body>
<div class="style1"><h5><br><br>
<a href="http://www.CsrCode.cn">CsrCode.CN</a>丨<a href="http://www.CsrCode.cn">芯晴网页特效</a>丨<a href="http://www.CsrCode.cn">seo优化</a>
<br></a></h5></div>
<div class="style2"></div>
<div class="style6"></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></body>
</html>

超级漂亮的几款清新、常用的网页布局配色实例，有浅蓝、红、黄、银、灰等各式各样的颜色，如果你找不到你如何搭配网页颜色的办法，那么这几款方案相信一定有你满意的。

超级漂亮的几款清新、常用的网页CSS布局配色实例相关推荐

android 炫酷图案解锁,超级漂亮的手机锁屏图案，炫酷到飞起，总有一款适合你...
原标题:超级漂亮的手机锁屏图案,炫酷到飞起,总有一款适合你九宫格手机解锁图案又称为手势密码,在手机屏幕上设置一笔连成的九宫格图案,在解锁时画一下设置的图案就能解锁,如今已经成为智能手机的标配,在支付 ...
Android 炫酷的手势动画,16个超级漂亮的手机锁屏图案，炫酷到飞起，总有一款适合你...
原标题:16个超级漂亮的手机锁屏图案,炫酷到飞起,总有一款适合你九宫格手机解锁图案又称为手势密码,在手机屏幕上设置一笔连成的九宫格图案,在解锁时画一下设置的图案就能解锁,如今已经成为智能手机的标配, ...
8款设计师常用漂亮的HTML CSS表格样式
原来的地址: http://www.laozuo.org/2040.html 我们在布局网站的时候以前都可能直接用TABLE设计,如今都更流行使用CSS设计,这样对于网站结构更加友好和轻便.下面老左整 ...
html5 特效框架,超级惊艳 10款HTML5动画特效推荐
原标题:超级惊艳 10款HTML5动画特效推荐今天我们要来推荐10款超级惊艳的HTML5动画特效,有一些是基于CSS3和jQuery的,比较实用,特别是前几个HTML5动画,简直酷毙了,现在将它们分 ...
366万常用的中 txt 网盘_推荐三款我常用于备份文件的网盘,堪称精品中的精品,建议收藏!...
不管在生活中还是在工作中,我们常常会使用一些工具来备份我们重要的资料,如图片.视频.音频.文档等等这些.最常用的用来备份文件的工具就是U盘,但是在早几年U盘的容量并不是很大,几乎不能满足我们备份文件的 ...
5 款阿里常用代码检测工具，免费用！
作者 | 喻阳面临问题在日常研发过程中,我们通常面临的代码资产问题主要分为两大类:代码质量问题和代码安全漏洞. 1.代码质量问题代码质量其实是一个老生常谈的话题,但问题是大家都知道它很重要,却又 ...
maya中英文切换插件_老司机都在用的30款maya常用插件
插件介绍 maya是我们经常打交道的三维软件,涉及到了影视游戏特效的各个模块,本次给大家带来的福利是30个maya最常用的插件,无论你是行业新人还是资深会开车的老司机都可以帮助大家快速提高工作效率,获 ...
超级棒的170+款web前端开发工具汇总，千万要收藏好！
作者:web前端开发我们与企业内部的Web开发团队进行了很多次交流,研究了很长时间,最后将Debug工具与Web前端开发工具整理汇总在了一起,这些工具对每个Web开发人员都非常有用. 这些工具将使您 ...
十款开发者常用的Chrome插件,让chrome成为开发利器！
Chrome浏览器无论是作为浏览器市场的NO1还是其强大的跨平台能力以及丰富的扩展插件,一直是许多开发者的首要选择的浏览器.chrome浏览器也因为其丰富的Chrome插件,帮助开发者们在开发流程中极 ...

超级漂亮的几款清新、常用的网页CSS布局配色实例

超级漂亮的几款清新、常用的网页CSS布局配色实例相关推荐

最新文章

热门文章