1、网页设计:如何让两张背景图片融合在一起(渐变)?
看看是不是同一个背景图。是的话改图,不是的话去掉单独的样式。
2、Frontpage网页设计,网页背景颜色渐变问题?
最好用PS处理一张渐变背景图,在网页设计中插入当背景
3、如何使用网页渐变色来提升设计逼格
直接用图简单;
通过使用 css3 渐变可以让背景两个或多个指定的颜色之间显示平稳的过渡,由于用到css3所以需要考虑下浏览器兼容问题,例如:
从左到右的线性渐变,且带有透明度的样式:
#grad {
background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1)); /* Safari 5.1 - 6 */
background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /* Opera 11.1 - 12*/
background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); /* Firefox 3.6 - 15*/
background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); /* 标准的语法 */
}
其中rgba()中的4个数字,前3个为颜色rgb,最后1个是透明度,取值0-1,0为透明,1为不透明。
4、网页设计设置导航里面这个渐变透明背景怎么弄?求解。。。
可以用PNG格式的文件
5、请问高手们,网页设计图中背景是放射性渐变(不是线性渐变)的情况下,在做成网页过程中该如何切片
无解,CSS里面没有这种背景的解决方式,国外一般的做法是直接把背景作为一张图片,但由于国内内网络关系,容可以切成几张,如head一块,body一块,footer一块,没必要切多了,反而加多请求的,对速度无益。
6、网页中高度或宽度是1像素的背景渐变图是怎么制作的呢?
这个是通过之前的图片进行设计好的,然后通过代码、css组织起来的。
7、怎么设计css网页背景颜色过渡?
CSS实现渐变背景效果兼容主流浏览器
IE浏览器下渐变背景的使用需要使用IE的渐变滤镜filter
对于Firefox浏览器下(Firefox 3.6+)渐变背景的实现需使用CSS3渐变属性 为-moz-linear-gradient属性
对于webkit核心的浏览器,如Chrome/Safari浏览器下渐变背景的实现也是使用CSS3 渐变方法为-webkit-gradient
代码如下:
.gradient{
width:300px;
height:150px;
filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE*/
-ms-filter:alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);/*IE8*/
background:red; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, red, rgba(0, 0, 255, 0.5)); /*Firefox*/
background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0.5))); /*Chrome/Safari*/
}
<div class="gradient"></div>
8、如何使用网页渐变色来提升设计逼格
一、垂直线性渐变
拉渐变是Photoshop的基础操作,那么如何运用的好看了?颜色选择才是关键
我们把一个渐变颜色拆分成A B C三个颜色,每个颜色用HSB标注颜色色值。
这是某App的一组引导画面,运用了三组渐变颜色,分别标注HSB的色值,通过这组色值的变化,分析如下。
A色 B值非常高,普遍50以上
从A色到B色,H值的变化范围为正负30到70,S值减少10,说明B颜色略变淡。
从B色到C色,H值的变化范围为正负30到40,S值增加15到50,说明C颜色开始变浓。
以上色值仅供参考,实际使用并非整数。根据以上规律去有规则的使用渐变色。
二、垂直线性渐变+球形渐变
Web界面面积比较大,在大面积使用渐变的时候。如果只是使用垂直的线性渐变是略显单调的,这个时候我们需要加一个球形的渐变。
A+B+C色构成一个渐变,这时候我们再补充一个D色的球形渐变并高斯模糊。D色的圆形矢量形状要转换为智能对象,这样调节高斯模糊及大小的时候可以无损调整。如果界面上需要运用图片,我们再补充一个80%透明度的E色,叠加在去色后的图片上。这样界面会层次会更加丰富。
三、多角度球形渐变
想让界面更加绚丽,这时候我们可以考虑多组球形渐变搭配使用。例如最新改版的instagram就是一组线性渐变,加两组球形渐变组成。球形渐变也是由多组颜色构成。
四、色块渐变
渐变的颜色不只可以运用在一个色块上,还可以运用在一组色块上。设计师运用一组近似性色彩,将每个菜单项清晰区分开,让界面平衡在一个频率上,这样的画面更有节奏感和舒适性。
9、网页制作.使用macromedia dreamweaver8怎么在网页表格加渐变色的背景
楼上说的很对。
<table style="background: url(背景图片路径) " >,
背景图片可以弄成渐变的。
这样就行了。