为网页前端设置有层次感的背景色

由于白色与普通的颜色来显示网页背景，会感觉很生硬，所以这里总结一下为网页前端设置有层次感的背景色，看起来也会很舒服。

先要准备好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的获取。

效果图：

为网页前端设置有层次感的背景色相关推荐

webstorm打开网页_网页前端之HTML+CSS+JS
古柏高枝银杏实,几千年物到而今. 玉纤雪腕白相照,烂银壳破玻璃明. 银杏(学名:Ginkgo biloba),落叶乔木,树冠圆锥形,枝轮生,叶互生,在长枝上散生,二歧状分叉叶脉,果具长梗,下垂,倒卵圆 ...
数据库服务器网页,服务器数据库网页前端
服务器数据库网页前端内容精选换一换 SAP B1的部署方案如图1所示.说明如下:VPC网络:为了保证网络的安全,SAP B1系统中所有节点在一个VPC网络内,且所有节点应属于同一个AZ(Ava ...
关于前端设置cookie
cookie既可以后端设置也可以在前端设置,例如登陆/注册功能,每次都要向服务器请求用户数据,这种就可以把cookie放到前端储存起来. 当网页要发http请求时,浏览器会先检查是否有相应的cooki ...
网页前端监控系统（错误日志，接口监控）的使用
网页前端监控系统(错误日志,接口监控)的使用开门见山地说当程序员开发网页达到一定的量级,用户的数量达到一个比较庞大的数量时,总会遇见一些怎么测试都无法复现的bug,但是用户操作的时候却能屡次碰到, ...
网页前端设计-作业三(JavaScript)
参考教材:HTML5网页前端设计(第2版 ) 作者:周文洁 1 . 普通 (2分)如何使用JavaScript对浮点数进行四舍五入获取最接近的整数值? 使用Math.round()方法. 2 . 普 ...
第四次网页前端学习笔记（css）
学习网址:[优极限] HTML+CSS+JavaScript+jQuery前端必学教程,小白教学,前端基础全套完成版_哔哩哔哩_bilibili 一.css的属性是否重复: 1.rep ...
在线OJ项目(3)------实现接口与网页前端进行交互
我们先想一下:我们要具体进行设计那些网页呢?有几个页面?都是干啥的?如何设计前后端交互的接口? 当前我们已经把数据库的相关操作给封装好了,接下来我们可以进行设计一些API,也就是HTTP风格的接口,通 ...
网页前端培训（HTML）
1.安装编译器网址:HBuilderX-高效极客技巧选择windows标准版 2. HTML基础学习网址: 1.HTML 基础 | 菜鸟教程 2.[优极限] HTML+CSS+JavaScrip ...
网页前端设计-作业二（CSS）
参考教材:HTML5网页前端设计(第2版 ) 作者:周文洁 1 . 普通 (4分)元素可以向哪些方向进行浮动?如何清除浮动效果? 在CSS中float属性可以用于令元素向左或向右浮动.常用clear ...

为网页前端设置有层次感的背景色

为网页前端设置有层次感的背景色相关推荐

最新文章

热门文章