交互设计中心-72色

新郎在那里欣赏花，伴郎急得砸门，到底是谁结婚呀！

家的房门口

今天我工作的时候，给"span"附上宽度，但是死活都不是我设置的宽度，而只是里面文字的多少，就有多少的宽度，那是个郁闷呀！一气之下我改用了“div”，快下班的时候我看到了网上的一个示例，原来是display在作怪，哎！年假休息回来怎么什么都忘了o(∩_∩)o... 先看看display:block

www.72color.com www.72color.com www.72color.com www.72color.com

 

Shiny silver [#EEEEEE]

 

Reddit white [#FFFFFF]

 

Magnolia Mag.nolia [#F9F7ED]

 

Interactive action yellow [#FFFF88]

 

Qoop Mint [#CDEB8B]

 

Gmail blue [#C3D9FF]

 

Shadows Grey [#36393D]

████ 粉红，即浅红色。别称：妃色 杨妃色 湘妃色 妃红色
████ 妃色 妃红色：古同“绯”，粉红色。杨妃色 湘妃色 粉红皆同义。
████ 品红：比大红浅的红色 （quester注：这里的“品红”估计是指的“一品红”，是基于大红色系的，和现在我们印刷用色的“品红M100”不是一个概念）
...

颜色的变化跟人类的智慧一样,是无穷的,每个阶段都会有流行的色彩,有属于一个时代的颜色!WEB2.0是一个概念,它宣扬,定位了一些东西,以用户为中心,群体智慧,分享等等,等等.同时顺应这些需求,一些顶尖的设计师和开发者赋予并领导了一些色彩流行趋势.我凭感觉做了部分归纳和收集,心理没大有底,把能想到的列出来希望跟大家一起探讨>>再做补充吧!

★淡淡的浅色系及延伸应用

无图片实现圆角框

无图片实现圆角框

<style type="text/css">

div.RoundedCorner{background: #9BD1FA}

b.rtop, b.rbottom{display:block;background: #FFF}

b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

</style>

<div class="RoundedCorner">

<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>

<br>无图片实现圆角框<br><br>

<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>

</div>

 

<script language="javascript">
  var saveWidth = 0;
 function scaleImg(what)
 {
  what = document.getElementById(what);
   if (navigator.appName=="Netscape")
  winW = window.innerWidth;
  if (navigator.appName.indexOf("Microsoft")!=-1)
   winW = document.body.offsetWidth;
  if (what.width>(300) || saveWidth>(300)) {
   if (what.width==(300))
     what.width=saveWidth;
   else
   {
    saveWidth = what.width;
    what.style.cursor = "pointer";
    what.width=(300);
   }
  }
 }
</script>
<img src="http://www.72color.com/UPLOAD/w3c.gif" id="IMG1" onClick="javascript:scaleImg('IMG1')" onLoad="javascript:scaleImg('IMG1')" />

 

1、

2、

...