15套优雅的配色方案代码

最新推荐文章于 2024-07-06 02:52:34 发布
最新推荐文章于 2024-07-06 02:52:34 发布
阅读量1.9k 收藏
点赞数
分类专栏： css 文章标签： class xhtml html web c 
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="Keywords" content="YES!B/S!,web标准,杨正祎,博客园,实例代码" />
  <meta name="Description" content="这是一个简单YES!B/S!文章示例页面,来自杨正祎的博客,http://justinyoung.cnblogs.com/" />
  <title>YES!B/S!文章示例页面</title>
<style type="text/css">
.style1{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #96C2F1;
background-color: #EFF7FF
}
 
.style2{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #9BDF70;
background-color: #F0FBEB
}
 
.style3{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #BBE1F1;
background-color: #EEFAFF
}
 
.style4{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #CCEFF5;
background-color: #FAFCFD
}
 
.style5{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #FFCC00;
background-color: #FFFFF7
}
 
.style6{
width:80%;
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:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #A9C9E2;
background-color: #E8F5FE
}
 
.style8{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #E3E197;
background-color: #FFFFDD
}
 
.style9{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #ADCD3C;
background-color: #F2FDDB
}
 
.style10{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #F8B3D0;
background-color: #FFF5FA
}
 
.style11{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #D3D3D3;
background-color: #F7F7F7
}
 
.style12{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #BFD1EB;
background-color: #F3FAFF
}
 
.style13{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #FFDD99;
background-color: #FFF9ED
} 
 
.style14{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #CACAFF;
background-color: #F7F7FF
} 
 
.style15{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #A5B6C8;
background-color: #EEF3F7
}
.style16{
width:80%;
height: 100px;
margin: 0px auto;
margin-bottom:20px;
border:1px solid #CEE3E9;
background-color: #F1F7F9
} 
</style>
</head>
<body>
 
<div class="style1"><h5></h5></div>
<div class="style2"><h5></h5></div>
<div class="style6"><h5></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>
 
 
</body>
</html>
woaitiyu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Pycharm自用的代码颜色配色方案，不错哟~
12-15
我是用pycharm写Python的，最近闲来无事，就配置了一下代码的配色方案，觉得还不错，大家可以试试看
最新流行网站配色方案样本.doc
12-06
"最新流行网站配色方案样本" 提供了一系列时尚且吸引人的颜色组合，旨在为设计师们提供灵感和指导，以创建出既美观又符合当下审美趋势的网站界面。以下是对这些配色方案的详细分析： 1. **风格1**：采用了淡蓝色调...
15套优雅的配色方案代码(15 Elegant Color Schemes)
weixin_30359021的博客
04-30 291
搜集来的，很实用，大家来分享 Code <styletype="text/css"> .style1{ width:800px; height:100px; margin:0pxauto; margin-bottom:20px; border:1pxsolid#96C2F1; background-color:#EFF7FF } .st...
python 好看的配色rgb
最新发布
weixin_40330113的博客
07-06 68
Python相关视频讲解：python的or运算赋值用法用python编程Excel有没有用处？011_编程到底好玩在哪？查看python文件_输出py文件_cat_运行python文件_shelPython是一种功能强大的编程语言，广泛应用于数据分析、人工智能、网络编程等各个领域。在进行数据可视化时，选择合适的配色...
Eclipse代码配色方案设置
测试
02-05 594
Eclipse代码配色方案设置 导入epf（eclipse配置）文件 可以在 http://www.eclipsecolorthemes.org/ 下载自己喜欢的eclipse配置方案，然后在Eclipse的File->Import->General->Preferences->选文件->Finish，然后会提示Res...
让代码看起来更舒服（1）：选择适合的配色方案（更新配色方案生成器）
weixin_33670713的博客
11-20 5620
“让代码看起来更舒服”，看到这个标题，也许你会条件反射地以为我要讲“重构”或者“编码规范”等等。噢，可爱的开发人员，我们暂且不谈技术，只谈体验。让我们来装扮一下每天都要面对的Visual Studio，让代码看起来更舒服。 下图展示了Visual Studio 2008默认的编辑器，为了让代码更加容易辨识，Visual Studio用不同的颜色将各种关键词区分开来。 默认的配色方案固然无...
提高自身代码阅读能力——代码配色（Dreamweaver、Notepad++）
weixin_33842328的博客
08-27 126
　　我们都知道，各大编辑器的默认代码配色都是很单一的，或者说色调相近。其缺点其一就是难以阅读，变量名、函数名、方法名等等，当这些代码不能一眼就区分出是什么，就会大大降低自身代码阅读能力；其二是阅读疲劳，通常编辑器的背景都是白色，长时间盯着一大片刺眼的白色，眼睛长时间盯着很容易疲劳。 　　抱着以上两个缺点，我决定把电脑上现有的编辑器里的代码配色，统一全部修改，过程就不再描述了，直接放出两款编辑器的...
KEIL代码配色方案
热门推荐
智小星的博客
10-25 3万+
分享一个KEIL配色方案设置步骤 附件下载链接：链接：http://pan.baidu.com/s/1eROcQm2 密码：fs91
linux-vim的一个微妙优雅的配色方案
08-13
本主题聚焦于一个名为“colibri”的Vim配色方案，它旨在为用户带来一种微妙而优雅的编辑体验。 "colibri.vim-master"是一个GitHub仓库的名称，通常这样的命名表示这是一个关于colibri配色方案的项目源代码。"master...
13套VS2010配色方案
11-03
本文将详细介绍"13套VS2010配色方案"提供的各种颜色主题，并探讨如何在VS2010中应用这些方案，以及它们对程序员工作环境的影响。 首先，一个良好的配色方案能够减轻视觉疲劳，尤其是在长时间编写代码时。13套不同的...
优势：受Atom One和Material启发的清洁＆优雅配色方案
02-06
综上所述，"优势：受Atom One和Material启发的清洁＆优雅配色方案"是一个精心设计的Vim主题，结合了现代代码编辑器的最佳实践，旨在提升编程体验，提供一个既美观又实用的工作空间。通过使用这个主题，开发者可以...
易语言代码配色方案
07-17
易语言护眼配色方案,绝对给力 易语言护眼配色方案,绝对给力 易语言护眼配色方案,绝对给力
keil代码配色方案
09-18
本人在使用的KEIL MDK5代码配色方案，暗黑主题，压缩包里面有预览图和字体文件。
keil MDK代码配色方案-暗黑主题
07-29
本人在使用的KEIL MDK5代码配色方案，暗黑主题，压缩包里面有预览图和字体文件。
keil5代码配色方案.rar
09-11
keil5代码配色方案.rar
dreamweaver cs6 cs5 代码颜色配色方案
11-25
黑色背景，保护眼睛，提高效率，两套方案，内有使用说明
FlashDevelop很帅的配色方案
09-18
《FlashDevelop优雅配色方案深度解析》 在编程世界中，良好的代码编辑器配色方案对于程序员来说至关重要，它不仅能提升代码的可读性，还能减轻长时间编程带来的视觉疲劳。FlashDevelop，作为一款免费且功能强大的...
keil代码配色方案分享
川九_EveRYouNg 的博客
02-14 6907
Keil字体配色分享
漂亮的代码配色方案
weixin_30627381的博客
02-28 788
来自NotePad++的Obsidian主题 转载于:https://www.cnblogs.com/souroot/archive/2012/02/28/2372341.html
Dreamweaver 代码配色方案 DIY
ProgrammingRoad
04-26 7789
<br /><br /> <br />Dreamweaver 代码配色方案 DIY<br />最近刚换上隐形眼镜，电脑上满屏的白花花的颜色，看得我眼泪鼻涕直流，无奈，代码还是要看滴，改造了一下Dreamweaver代码配色方案 。<br />很简单，照着做马上实现：<br />找到C:/Documents and Settings/你的用户名/Application Data/Adobe/Dreamweaver 9/Configuration/CodeColoring 目录下 Colors.xml  打开。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值