由于白色与普通的颜色来显示网页背景,会感觉很生硬,所以这里总结一下为网页前端设置有层次感的背景色,看起来也会很舒服。
先要准备好5*500或1*500像素的图片,这些图片都是渐变的颜色图,可以用PS来实现。
如图:
下面是实现代码:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{
background: url(images/bg3.jpg) repeat-x rgb(194,255,255);
}
</style>
</head>
<body>
</body>
</html>
<style type="text/css">
body{
background: url(images/bg#.jpg) repeat-x rgb(?,?,?);
}
</style>
#代表需要的背景,而rgb则要根据具体的渐变色而决定,这里可以用到PS的吸管工具实现相同颜色的rgb的获取。
效果图: