css调颜色,CSS3 简单的调色板

CSS

语言：

CSSSCSS

确定

body {

background: #222;

color: #fff;

text-align: center;

margin-top: 7em; }

.logo em {

transform: scale(10);

color: #eee;

opacity: 0.1; }

.title {

font: 48px/1 "Open Sans Condensed", Arial Narrow, sans-serif;

color: #777;

text-transform: uppercase;

margin: 0 0 0.5em; }

.divider {

margin: 2em 0;

border-bottom: 1px solid #444; }

.colors li {

font: 100 3em/5 "Lato", Calibri, Candara, Segoe, "Segoe UI", Optima, "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

color: #fff;

-webkit-text-stroke: 2px white;

width: 5em;

height: 5em;

margin: 0.1em;

padding: 0.5em;

display: inline-block;

text-align: center; }

.colors li div {

display: block;

width: 5em;

height: 5em;

border-radius: 50%;

background: rgba(0, 0, 0, .1); }

.color1 {

background: #c64d2b; }

.color2 {

background: #048d04; }

.color3 {

background: #a11b3c; }

.color4 {

background: #e59b1a; }

.color5 {

background: #2d7edb; }

.color6 {

background: #058e9e; }

.color7 {

background: #5638a8; }

.color8 {

background: #404040; }

.color9 {

background: #6a9a1f; }

.color10 {

background: #6bcbca; }

css调颜色,CSS3 简单的调色板相关推荐

css 圆形光晕,CSS3 简单的多重圆形光晕动效
CSS 语言: CSSSCSS 确定 @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300); body, ht ...
css参考手册css3手册_CSS手册：面向开发人员CSS便捷指南
css参考手册css3手册 I wrote this article to help you quickly learn CSS and get familiar with the advanced ...
HTML添加style修改颜色,css字体颜色设置教程(CSS color)
CSS颜色样式篇目录认识CSS 颜色(color) 网页颜色基础两种方法设置对象颜色样式文字颜色控制color 网页背景颜色color 边框颜色color 网页color RGB设置网页colo ...
css球形颜色选择器,在CSS选择器中使用color颜色样式CSS代码
CSS颜色样式篇目录认识CSS 颜色(color) 网页颜色基础两种方法设置对象颜色样式文字颜色控制color 网页背景颜色color 边框颜色color 网页color RGB设置网页colo ...
php简单网页制作代码,用HTML和CSS以及JS制作简单的网页菜单界面的代码
这篇文章主要介绍了使用HTML+CSS+JS制作简单的网页菜单界面,这个ABROAD项目所使用的JavaScript部分代码非常简单,需要的朋友可以参考下写ABROAD项目用到了标签这个东东,其实标 ...
js怎么制作html的主题,用HTML和CSS以及JS制作简单的网页菜单界面的代码
写ABROAD项目用到了标签这个东东,其实标签在WEB上到处可见,图中就依次显示了DCC文章发布器.ABROAD后台添加数据.百度图片搜索.sf发布博客文章时贴标签的样式--标签就像浏览器里原生的ch ...
从零开始学前端：CSS背景颜色 --- 今天你学习了吗？（CSS：Day09）
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:CSS字体属性和文本属性 - 今天你学习了吗?(CSS:Day08) 文章目录从零开始学前端:程序猿小白 ...
CSS背景图像的简单响应
本文设有很多,最理想的解决方案,响应图像只是其中之一.我们建议您查看不同的方法,然后再选择一个特定的响应图像解决方案,包括这两个:如何避免重复下载响应图像中选择响应图像解决方案. 大家都在谈论的的sr ...
h5+css3简单实现网页端五子棋游戏1.0版
H5+css3简单实现五子棋游戏原理主要使用H5的拖拽接口功能,通过拖拽移动棋子,目标位置通过接收拖拽棋子的拷贝元素,实现棋子摆放. 效果图如下步骤第一步:简单排版五子棋游戏页面,设定好棋盘排 ...

css调颜色,CSS3 简单的调色板

css调颜色,CSS3 简单的调色板相关推荐

最新文章

热门文章