网页背景图(网页设计的背景怎么设置)

　　网页背景图

　　现在美丽网页的设计图中色彩形形色色的，网页模块中漂亮布景图也很多，网页中色彩和布景设置必不可少，接下来咱们就先学色彩是如何表达的，要知其然，知其所以然。

　　01色彩表达形式

　　RGB，RGBA：rgb(red,green,blue)：每个参数定义了0-255之间的色彩强度。举例：rgb(255,0,0)//赤色rgb(0,0,0)//黑色rgb(255,255,255)//白色rgba(red,green,blue,alpha)：alpha是0-1通明度设置。0彻底通明，1不通明。举例：rgb(255,0,0,0)//彻底通明，没有色彩的赤色rgb(0,0,0,0.5)//半通明的黑色rgb(255,255,255,1)//彻底不通明的白色HSL,HSLAhsl(hue,saturation,lightness)：色相(hue)是0-360的度数，0是赤色，120是绿色，240是蓝色；饱和度(saturation)是一个百分比值，0表明灰色暗影，100%是全色；亮度(lightness)是百分比值，0表明黑色，50%是既不通明也不暗，100%是白色。举例：hsl(0,100%,50%)//赤色hsl(240,100%,50%)//蓝色hsl(240,100%,0%)//黑色hsl(240,100%,100%)//白色hsla(hue,saturation,lightness,alpha)：alpha是0-1通明度设置。0彻底通明，1不通明。HEXhex是运用十六进制值来指定色彩，格局为：#rrggbb，rr(赤色)，gg(绿色)，bb(蓝色)是介于00-ff之间的十六进制值。举例：#ff0000赤色#ffff00黄色#ffffff白色，也能够将两个相同值兼并，如#fff白色#000黑色色彩名称：tomato，orange,gray

　　02如何设置布景色彩

　　布景设置时运用background特点或者background-color特点设置。举例：给网页设置赤色布景。

　　body{

　　background:red|#ff0000|rgb(255,0,0)|rgba(255,0,0,0)|hsl(0,100%,50%)

　　}

　　或

　　body{

　　background-color:red|#ff0000|rgb(255,0,0)|rgba(255,0,0,0)|hsl(0,100%,50%)

　　}

　　03如何设置布景图片

　　布景图片设置时运用background特点或background-image特点设置。举例：给网页设置一张大的布景图

　　background-image:url("")/*设置布景图途径(相对和绝对途径)*/background-repeat:repeat-x/*布景图是否重复，repeat-x水平方向重复；repeat-y笔直方向重复；no-repeat不重复；默许情况下两个方向都重复*/background-position:00;/*布景图对齐方法，默许是左上角;(100%0)righttop设置到右上角；(100%100%)rightbottom设置到右下角；(0100%)leftbottom设置到左下角；00（lefttop）设置到左上角；centercenter水平和笔直方向都居中*/background-attachment:fixed;/*布景图是固定仍是翻滚。fixed固定布景图；scroll跟从页面翻滚*/body{

　　background-color:red;/*布景色彩设置为赤色，布景图掩盖不彻底的时分，剩余的有布景色彩填充*/

　　background-image:url("bg.jpg")/*url中添加的是图片途径(相对和绝对途径)*/

　　background-repeat:no-repeat;/*设置布景图不重复*/

　　background-attachment:fixed;/*布景图固定*/

　　background-position:centercenter;/*居中展示*/

　　}

　　也可简写为：

　　body{

　　background:redurl("bg.jpg")no-repeatfixedcentercenter

　　}

　　网页设计的背景怎么设置

　　树立网站之初，咱们有必要清楚了解网站的受众集体是谁，再根据方针受众的定位树立咱们网站的初步框架。大多数企业网站树立网站的意图是为了提高本企业的曝光度，宣扬企业产品，添加用户的黏性，然后提高网站的影响力。用户在进入网站的榜首感受首要是来自网站的全体页面，用户对网站的榜首映像是很重要的，它乃至决议了网站是否能够留住用户。那么，咱们应该怎样规划咱们的网站页面呢？不急，让全道网络科技为您共享一下在做网站页面规划时需求留意的问题吧！

　　首要咱们应尽量防止将白色当作背景色。为什么呢？由于当咱们在给网站添加图片时有时会把底色换掉，如果使用白色很简单会被当作通明色，在这个过程中其实也能够使用其他不同的色彩，并不是说底色只能够是白色的。一起，选好的背景色彩最好是与文本构成对比，这会让用户在阅览咱们的内容时有个好的体会感受。需求留意的是，背景色和文字色的设置不能太亮，否则会显得整个页面不行大气。

　　在规划网站网页的时分，咱们还应该留意网站全体的空间设置。页面上一切的空间都有其存在的价值，咱们不仅仅要合理的使用每一个空间，还要恰当的留白，使用有限的空间将你所要展现的东西简洁明了地展现给用户看，一起，也不能让页面看着很拥挤。拥挤的空间简单造成视觉疲劳，会影响用户的体会感，然后造成他们的离开，所以，恰当的留白会让人更舒畅。

　　还有便是有关导航的规划，这在全道网络科技之前的文章中有提到过，大家能够重视小编，去翻阅一下之前的文章。导航的规划也是网站规划傍边比较重要的一个，一个页面能够承载的内容毕竟是有限的，可是用户竟然已经来到了咱们的网站，咱们肯定要将更多的内容展现给用户，让其更好地了解咱们，因此，导航的规划就很有必要了。在规划网站的时刻，咱们应该留意让导航出现在网页最显眼的当地，这样用户能够榜首时刻看到。

　　其实咱们是不建议规划长页面的，由于长页面并不利于留住用户。可是如果咱们的网站规划的确需求长页面，那小编建议能够设置为内部链接的方式，能够设置一个页面的导航，经过点击跳转到用户所需求的页面，这样更方便快捷。

　　总而言之呢，在做网站页面的规划的时分，全道网络科技一贯都以为应该以用户为主，一起，也要保持整个页面的风格共同、整齐，让用户在阅读的时分更舒畅。