...图片如下:这种效果是这么做到的,麻烦写代码?

发布网友 发布时间：2024-10-21 14:39

我来回答

共2个回答

热心网友 时间：7分钟前

<div>
<ul style="display:inline">

<li><img src="图片地址"></li>

<li>文字</li>

<li>文字</li>

<li>文字</li> 记得在CSS里设置下文字的颜色大小

</ul>
<ul style="display:inline">
<li><img src="图片地址"></li>
<li>文字</li>
<li>文字</li>
<li>文字</li>
</ul>

<ul style="display:inline">
<li><img src="图片地址"></li>
<li>文字</li>
<li>文字</li>
<li>文字</li>
</ul>

</div>

热心网友 时间：3分钟前

<div id="map">
<ul>
<li>你的图片<br>图片的文字<br>价格</li> <li>你的图片<br>图片的文字<br>价格</li> <li>你的图片<br>图片的文字<br>价格</li>
</ul>
</div>
在CSS里面
#map{ margin:0px; }
#map ul{ list-style:none; margin:0px; padding:0px;}
#map ul li{ float:left; width:150px; text-align:center;}

如果不知道的地方，我们可以一起交流一下在CSS有一些地方还要改动一下，要和你的布局对好