想要将css文字下移几个px的方法是有很多的也很简单，一般常见的方法是将文字放在div标签里，然后对div进行样式属性的配置。这样的好处是使文字被外层的div保护着，不会被外部干扰，可以单独进行更多的配置。以下演示具体步骤：
1、首先打开HTML文件编辑器，然后新建一个HTML文件并HTML文件的基本标签元素。
2、添加完基本标签元素后在body标签里添加一个div元素，然后在div元素里添加想要展示的文字。
3、接下来对div元素进行样式属性的设置，这里使用行外式的配置方法，也可以使用行内式，外部式都可以，假定要下移10个px单位，核心代码是margin-top：10px；
4、保存后运行，效果如图：
有很多种方法可以实现。随便写几种。
------------------------------
CSS部分：
.text{background-imageurl(pic.jpg)
width: xx px /*你自己定义的宽*/
height: xx px /*你自己定义的高*/
overflow:hidden/*超出部分隐藏*/}
.text span{
margin-top:xx px/*离上边距离*/
margin-left:xx px/*离左边距离*/
}
html部分：
<div class="text"><span>字</span></div>
------------------------------
CSS部分：
.text{background-imageurl(pic.jpg)
width: xx px /*你自己定义的宽*/
height: xx px /*你自己定义的高*/
position:relative/*相对定位*/}
.text span{
position:absolute/*绝对定位*/
top:xx px/*离上边距离*/
left:xx px/*离左边距离*/
}
html部分：
<div class="text"><span>字</span></div>
--------------------------------------
CSS部分：
.text{background-imageurl(pic.jpg)
width: xx px /*注意，这里是你自己定义的宽减去padding-left的值*/
height: xx px /*注意，这里是你你自己定义的高减去padding-top的值*/
padding-top:xx px/*离上边距离*/
padding-left:xx px/*离左边距离*/
}
html部分：
<div class="text">字</div>
lz自己选吧。
