页面背景_登录页面背景 - CSDN
精华内容
参与话题
  • Html设置网页背景图片

    万次阅读 2015-11-29 21:17:49
    为网页添加背景图片可以衬托网页的显示效果,从而取得更好的视觉效果。背景图片的选择不仅要注意好看,而且还要注意不能喧宾夺主,影响网页内容的阅读。通常使用深色的背景图片配合浅色的文本,或者浅色的背景图片...


    为网页添加背景图片可以衬托网页的显示效果,从而取得更好的视觉效果。背景图片的选择不仅要注意好看,而且还要注意不能喧宾夺主,影响网页内容的阅读。通常使用深色的背景图片配合浅色的文本,或者浅色的背景图片配合深色的文本。background属性用来设置网页的背景图片。

    基本语法:

    <body background="图片地址"></body>

    background属性值就是图片的路径。路径可以是相对地址,也可以是绝对地址。

    实例代码:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
    </head>
    <body background="../images/bg.jpg">
    </body>
    </html>

    背景图片一定要与插图以及文字的颜色相协调。为了保证浏览器载入网页的速度,尽量不要使用字节过大的图片; 
    展开全文
  • Html 设置整个页面背景颜色

    万次阅读 2018-01-12 10:19:30
    在index.css中添加 body{ background:#ffffff} 设置颜色为白色也就是给index.html设置了body的颜色,然后就可以看到整个html页面的颜色就成了白色。
    在index.css中添加 
    body{ background:#ffffff}  设置颜色为白色
    也就是给index.html设置了body的颜色,然后就可以看到整个html页面的颜色就成了白色。
    展开全文
  • 【Web前端】网页背景图设置技巧

    万次阅读 2019-07-23 12:02:11
    问题一:如何设置背景图铺满整个屏幕 css代码: body { background-image: url("../img/bg.jpg"); background-position: center center; background-repeat: no-repeat; background-attachment: fixed; ...

    问题一:如何设置背景图铺满整个屏幕

    css代码:

    body {
        background-image: url("../img/bg.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover;
    }

    简写:

    body{
        background:url("../image/bg.jpg") no-repeat center center fixed;
        background-size:cover;
    }

    效果说明:当窗口页面合适时,图片铺满;但是窗口比例变化时,背景可能只显示原图中心一部分

    问题2:如何让背景随屏幕伸缩(背景图会变形) 

    css代码

    body{
        background: url("../img/LoginBG.jpg") ;
        background-size: 100% 100%;
    }

    效果图:

     

    展开全文
  • jsp怎么设置页面背景

    万次阅读 多人点赞 2018-08-26 11:37:05
    在日常jsp开发中经常要用到背景的设置,而在背景的设置也有多种多样,接下来小编将为你讲解常用的jsp页面背景设置。本项目百度网盘共享地址: http://pan.baidu.com/s/1c6BaFk 首先当然是配置eclipse开发环境(我...

    在日常jsp开发中经常要用到背景的设置,而在背景的设置也有多种多样,接下来小编将为你讲解常用的jsp页面背景设置。本项目百度网盘共享地址:

    http://pan.baidu.com/s/1c6BaFk

    首先当然是配置eclipse开发环境(我测试的时候开发环境为:jdk1.7+tomcat7+eclipse kepler。

    • 建Dynamic web project项目(myeclipse中好像叫web项目),项目名称自己取。

    • 建好之后在WebContent里面的内容如图:

      1、新建image文件夹,里面放三张图片

      2、新建mycss文件夹,里面放index.css

      3、index.jsp

    方法一、直接在body里设置

    在body里面设置背景图片,内容如下:

    <body style="background: url(images/backImage.jpg)">

       <h1 style="color: #ffffff">直接在body里面是指背景图片</h1>

    </body>

    运行效果如图

     

    也可以设置背景颜色,直接将url(images/backImage.jpg)替换成#f00000

     

    运行效果如下

     

    方法二、在head里面设置

    整体内容如下

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>JSP页面背景设置方法二</title>

    <style type="text/css">

    body {

        background: url(images/backImage1.jpg);

    }

    </style>

    </head>

    <body>

       <h1 style="color: #ffffff">在head的style里面设置背景图片</h1>

    </body>

    运行效果如下

     

    方法三、在css里设置

    在mycss/index.css写入内容如下:

    body {

        background: url(../images/backImage2.jpg);

    }

    主页内容如下:

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>JSP页面背景设置方法三</title>

    <link rel="stylesheet" type="text/css" href="mycss/index.css" />

    </head>

    <body>

       <h1 style="color: #ffffff">在css里设置背景,然后从head里引用</h1>

    </body>

     运行效果如下 

     

    展开全文
  • Html定义网页背景

    万次阅读 2015-11-29 21:18:38
    对大多数浏览器而言,其默认的背景颜色为白色或灰白色。在网页设计中,bgcolor属性用于设置整个网页的背景颜色。 基本语法: 背景颜色有两种表示方式。 使用颜色名指定,例如红色、绿色等分别用red、green等...
  • 在微信小程序中,我们...首先先说怎么设置页面背景图片: 这是博主准备的照片。 下面是在wxml中的代码 <!--pages/test.wxml--> <view class='test'> <view class="temp">随便写一下</view...
  • 小程序开发——页面背景色设置

    千次阅读 2018-12-10 16:05:15
    在小程序开发的前期,你可能发现小程序的页面背景色设置总是无法成功,特别是在有列表的页面,下拉或者上拉时,漏出来的地方和原来的背景色不一样。要设置成一样,注意以下两点 在 app.json 文件里面的 window 添加...
  • CSS设置页面背景

    千次阅读 2017-04-21 17:05:47
    CSS设置页面背景色  设置页面背景色  CSS通过设置body标记的background-color属性来实现,背景色主要突出页面的主题,跟前景的文字颜色相配合。  具体的设定方法和文字颜色值的设定一样,可以采用十六进制、...
  • 微信小程序页面背景图片设置

    千次阅读 2019-04-26 21:44:43
    微信微信小程序页面背景图片background-image使用及大小设置 源代码//index.wxss page{ background-size:100% 100%; background-image: url(data:image/png;base64,..........) } background-image的使用 在这里...
  • 微信小程序——修改页面背景

    万次阅读 2016-12-16 10:44:02
    修改这个页面背景只需要在相应页面的wxss页面中添加如下代码: page { display: block; min-height: 100%; background-color: red; } 其中red即为你想要的颜色,你可以将red替换会为你自己的颜色
  • 修改启动页面 把SplashActivity设置为启动... 修改页面背景   @表示引用资源文件。   页面跳转(Intent) findViewById(R.id.button).setOnClickListener( new View.OnClickListener(){ @Overri...
  • Chrome浏览器修改页面背景

    千次阅读 2014-05-06 16:06:16
    Chrome浏览器修改页面背景
  • 微信小程序如何修改单页面背景

    千次阅读 2019-08-26 10:43:38
    遇到这个问题的时候,我第一时间去微信公众平台上面查页面配置,我发现这样的描述: 当我看到这个的时候我觉得找到了,就是你了。我在单页面的xx.json 中配置backgroundColor 就可以了。但是当你配置完你就会发现...
  • jquery后台登录页面背景图片自动轮换登录界面代码
  • vue单页面背景颜色设置

    千次阅读 2019-10-30 14:47:35
    有时我们会遇到单独改变某个组件的背景填充色,而我们已经在index.html中引入了公用的css样式(body中设置了背景色),由于单个组件没有body标签,于是要修改单个组件的背景色只需添加如下代码即可。 beforeCreate ...
  • jQuery实现页面背景随机切换

    千次阅读 2015-11-11 14:03:06
    jQuery实现页面背景随机切换 .back { position: absolute; width: 1000px; height: 100px; background-size: cover; } $(document).ready(function(){ var imgArr=["bg001.jpg", "bg002.png", ...
  • 如题 怎么写 可以上页面背景透明 背景上的内容不透明,而且当滚动条移动时 中间不透明的框框不动。提供一个思路即可。。感觉现在无从下手。![图片说明]...
  • 移动端页面背景图问题

    千次阅读 2018-12-16 12:58:18
    最近在维护一个移动端项目,发现在手机高度过高的手机上例如:iphonex,在设置背景图的时候不会自动填满整个屏幕,针对这个问题进行了几个尝试。 1.background-size:cover, 这个可以把背景图片全部展开,但是会在...
  • 微信小程序的全局页面背景颜色设置只需要一行代码 两种方法: 方法(一)在 app.json 文件里面的 window 添加 backgroundColor。这个方法的好处是不会上拉下拉时不会漏出其他颜色。 "window": { ...
  • uni-app正确设置页面背景

    万次阅读 2019-09-28 13:50:14
    如果要给页面设置背景色,应该如下方法设置 page{ background-color:#ddd; } 如果要设置窗口的背景,则可以在pages.json中设置 ,如下 { "pages": [ { "path": "pages/index/index", "style": { “backgr....
1 2 3 4 5 ... 20
收藏数 322,342
精华内容 128,936
关键字:

页面背景