京东后台怎么用css添加背景图片

html-css027

京东后台怎么用css添加背景图片,第1张

如果是想给整个页面加背景图可以用:

<style type="text/css">

body {

background-image: url(bj.jpg)

background-position: center top

}

</style>

其中bj.jpg换成您自己的图片地址,例如:www.baidu.com/bj.jpg

CSS

color:#ff0000这个是定义字体颜色的

background:#F00这个是背景颜色

找到相关的语句 替换就可以了

色值可以选择查询

自定义登陆界面,一般包含了3个方面:

1, 自定义logo;(默认是WordPress的logo)

2, 自定义logo指向的链接;(默认指向WordPress官网)

3, 背景图片;(默认没有背景图片)

如下代码,就是对以上3个方面的自定义,将代码加入functions.php文件即可。

以下代码,请根据自己的情况,调整各项参数。

/* 自定义登陆界面 */

add_filter('login_headerurl', create_function(false,'return "http://www.maixj.net"' ))

add_filter('login_headertitle', create_function(false,'return "云上小悟,麦新杰的独立博客!"'))

function custom_loginlogo() {

    echo'<style type="text/css">

    div#login h1 a {

    background-image: url("http://www.maixj.net/wp-content/uploads/2014/11/baidutiebaqianmingtupian.png")

    width:129px

    height:130px

    background-size:129px130px

    }

    .login {

    background-image: url("http://www.maixj.net/wp-content/uploads/2014/02/yunshang.jpg")

    background-repeat:no-repeat

    -moz-background-size:100% 100% /* 老版本的 Firefox */

    background-size:100% 100%

    padding:24px

    }

    </style>'

}

add_action('login_head', 'custom_loginlogo')

本题答案来自云上小悟独立博客,原文链接:http://www.maixj.net/wangzhan/zidingyidenglujiemian-4378