图片和标题并在一行css该怎么解决,怎么把标题换行,请附上代码,谢谢

html-css06

图片和标题并在一行css该怎么解决,怎么把标题换行,请附上代码,谢谢,第1张

<div style="width:200pxheight:170pxtext-align:centerfloat:left">

    <div style="height:140pxbackground:#ccc"><img src="图片地址"></div>

    <div style="height:20pxbackground:#369margin-top:10px">这里是标题</div>

</div>

<div style="width:200pxheight:160pxtext-align:centerfloat:leftmargin-left:20px">

    <div style="height:140pxbackground:#ccc"><img src="图片地址"></div>

    <div style="height:20pxbackground:#369margin-top:10px">这里放标题</div>

</div>

我不知道你的代码是怎么写的

只能做个例子给你看是不是要这种效果

因操作平台不同路径中的斜杠不同,在windows中路径中是反斜杠'\',linux中用的是正斜杠'/'在网页设计中大多用'/',如果图片,网页平级,就是'./'点杠,上一级就是'../'点点杠。

background-image:只定义背景图片

可以用background:url(./images/a.gif)

no-repeat

top

right

上面一种是复合定义,括号里是图片路径,后面是不平铺,背景位置是在右上角