这是大二时候制作的明信片创意网页
设计的是上下结构,中间分为三栏,左侧是成员展示、中间是文字展示、右侧是明信片背景图展示
当时参加了学校的网页创意设计比赛,于是设计了这个明信片网站,希望用户可以在网站上给世界各地的人发送明信片,同时也可以接收来自世界各地的明信片。
后来才知道,这个想法,05年的时候,就已经有人实践了:
好了,废话不多说,好久没有碰前端开发了,来复习一下:
关于渐变背景色的设置:
body {
width: 100%;
height: 600px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=##15A216, endColorStr=#fafafa); /*IE*/
background: -moz-linear-gradient(top left, #99ccff, #ffcccc, #ff99cc);/*火狐*/
background: -webkit-gradient(linear, 0% 100%, 100% 0%, from(#99ccff), to(#ff99cc));/*谷歌*/
background-image: -webkit-gradient(linear, left bottom,