css怎么设置文字靠左上显示,但让开图片位置

html-css017

css怎么设置文字靠左上显示,但让开图片位置,第1张

有很多种方法可以实现。

随便写几种。

------------------------------

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自己选吧。

“.fpur”是背景白色的左浮动层,因为加了定位position:relative所以其子元素“.fpur a”只要是相对定位于它,就可以设置相对于它的位置。

如题要求,只要修改为如下代码即可:

.fpur a{position:absolutetop:0left:0}