网页设计图 网页设计背景图片怎么填满整个背景呀?
网页设计背景图片怎么填满整个背景呀?
1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%height:100%}.否则需要将其作为网页背景的话可以试试如下方法:2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<bodystyle="filter:progid:dximagetransform.microsoft.alphaimageloader(src="https://img.kmw.com1.jpg",sizingmethod="scale")">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。<div id="background" style="position:absolutez-index:-1width:100%height:100%top:0pxleft:0px"><img src="https://img.kmw.com1.jpg" width="100%" height="100%"/></div>再将网页内容放置到第二层上<div id="content">页面内容</content>3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复,但又得占满浏览器所采用的方法。
如何将网页的整个颜色背景设计的比较和谐统一?
首先要看你做的是什么网页,有没有相关的品牌标识。
一般在开展设计之前,需要先进行VI或CI的设计,明确品牌视觉语言,这里面要明确形(形状)、色(颜色)、字(字体),构(构成),质(质地)。品牌特征、产品调性都要依赖这些视觉维度来体现,所以先要想清楚这些问题,把设计的地基打好,然后再做上层设计。
具体到网页,要看你做的是什么客户端的网页,手机还是电脑?手机端就是H5,可视宽度比较小,电脑端则比较大。对于网页的配色,应该根据前面提到的形色字构质,把网页要用到的主色调、辅助色、对比色,警示色等常用颜色调配出来,这个调配的过程需要考虑使用的屏幕面积和频率,让他们搭配在一起的时候尽量和谐。这里面有一些方法,比如从一张和谐的自然风光照片里面取色,比如参考设计精美的网页配色,也可以使用别人已经做好的配色方案,如https://www.uisdc.com/best-22-color-website如。确定好各个色调后,把他们置入PS或者Sketch的调色板,设计页面的时候直接吸取使用即可。
另外提示一下,网页配色的颜色数量尽量要控制保守,不要融入太多的色调,这样会让页面显得很杂乱,现在的页面设计都很简洁,以突出内容,帮助用户完成相应的任务为目的。所以事先设定好调色板也可以帮助你避免使用过多的颜色,最后祝你达成自己想要的设计效果。
如何制作网页背景啊?
先用制图软件:photoshop或者firewords类似的做一个你想要的背景~之后就用dreamweaver或frontpage制作背景~因为dw或fp是可见即可得的软件,所以用这些比较容易上手~或者你有了图,和网页的话,你也可以在网页的代码上加上一些定义的代码:这个是加在网页代码里的,看得明就好语法:background-repeat:repeat|no-repeat|repeat-x|repeat-y参数:repeat:背景图像在纵向和横向上平铺no-repeat:背景图像不平铺repeat-x:背景图像在横向上平铺repeat-y:背景图像在纵向平铺示例:menu{background:url("images/aardvark.gif")background-repeat:repeat-y}p{background:url("images/aardvark.gif")background-repeat:no-repeat}
html网页设计里面怎么平铺背景图片?
html网页设计里面平铺背景图片的代码如下:<html> <body> <div id="Layer1" style="position:absolute left:0px top:0px width:100% height:100%"> <img src="https://img.kmw.compictures/background.jpg" width="100%" height="100%"/> </div> </body> </html>网页背景默认是平铺整个屏幕的,可能有以下原因导致不能平铺:1、图片不够大,又background属性不能拉伸图片; 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> ;3、body的background属性去掉,要不然会被遮住。
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。