网页设计背景色渐变？网页制作背景颜色渐变？

金生今天 27

默认

摘要： 如何设置页面颜色1、打开word文档，切换到【设计】选项卡。在【页面背景】组中单击【页面颜色】按钮。在弹出的下拉列表中选择【白色，背景1，深色5%】选项即可。如果“主题颜色”和“...

如何设置 页面 颜色

1、打开word文档，切换到【设计】选项卡。在【页面背景】组中单击【页面颜色】按钮。在弹出的下拉列表中选择【白色，背景1，深色5%】选项即可。如果“主题颜色”和“标准色” 中显示的颜色依然元法满足用户的需要，那么可以在弹出的下拉列表中选择【其他颜色】选项。

2、打开Word文档，点击“设计”—“页面颜色”。点击“页面颜色”下拉的“填充效果”，将打开一个设置窗口。第一个选项卡为渐变，点选单色渐变，选择一种颜色，拖动颜色深度滑块。选择一种底纹样式，即使用同一种颜色的深浅渐变作为页面背景。

3、打开Word文档，点击“设计”选项卡。点击选项卡右侧的“页面颜色”按钮，此时会展开颜色列表。选择“橄榄色，淡色60%”并点击，即可让页面背景页面变化。

用HTML,css,如何把一个盒子的背景颜色设置成上下颜色逐渐由深变浅?_百...

在网页设计中，我们常常需要实现背景颜色从上到下的渐变效果。这可以通过CSS中的linear-gradient函数轻松实现。

先使用一个div标签。然后在header标签里面设置标签的css样式。颜色渐变要有一个范围，需要给div设定width和height，也就是宽度和高度。然后设定div的background背景属性接着，在-Webkit-linear-gradient里面写top，设定渐变从顶部开始，到底部结束。

打开html 开发工具，新建一个html文件。在html代码页面创建一个div并给这个标签添加一个类如：linear。如图代码：div class=linear/div。为类设置样式。在title后面创建一个style标签，然后在这个标签里面设置linear类的高、渐变（linear-gradient）的样式。

在使用CSS设置DIV背景色渐变显示时，需要根据不同的浏览器来编写相应的代码。对于Mozilla浏览器，可以使用以下代码：background： -moz-linear-gradient（ top，#ccc，#000）；参数说明如下：起点位置top表示从上到下，left表示从左到右，left top表示左上到右下。开始颜色，这里的#ccc表示浅灰色。

这个代码将页面背景设置为从蓝色渐变到白色，沿着从左上角到右下角的对角线方向。3）第三个代码示例是实现从左往右渐变背景的效果。

CSS不可以同时定义两个背景，不过你可以嵌套一下，比如：在div里面嵌套一个span，然后可以分别设置背景，以达到自己想要的效果。做渐变的背景，要突破浏览器的限制，建议用图片做，先在PS 里面根据需要（纵向或横向）制作一张渐变的图片，然后，裁切成1px高或宽的条。