首页 > 电脑 > 求大神们解答怎样用代码呈现出图片中的效果（文字图片）

求大神们解答怎样用代码呈现出图片中的效果（文字图片）

电脑 2021-05-07

求人帮忙写一段HTML代码，实现图中的效果





列表

ul{padding:0;margin:0;width:650px;}
ulli{list-style:none;}
ul:after{clear:both;content:'';display:block;height:0;}
ulli{width:150px;float:left;box-sizing:border-box;border:1pxsolid#CCC;margin:5px5px;padding:10px;}
ulliimg{width:120px;height:120px;margin:10pxauto;display:block;}
ullia{color:#666666;font-size:12px;text-decoration:underline;}
ullip{color:#900;font-weight:bold;font-size:12px;}
ullipspan{color:#666;font-weight:normal;}





  • " target="_blank">http://himg.bdimg.com/sys/portrait/item/9b7fe5889de590bbe7bc980729.jpg"/>
    这里应该是商品标题也就是图片下方文字
    US$8.6/set



  • " target="_blank">http://himg.bdimg.com/sys/portrait/item/9b7fe5889de590bbe7bc980729.jpg"/>
    这里应该是商品标题也就是图片下方文字
    US$8.6/set



  • " target="_blank">http://himg.bdimg.com/sys/portrait/item/9b7fe5889de590bbe7bc980729.jpg"/>
    这里应该是商品标题也就是图片下方文字
    US$8.6/set



  • " target="_blank">http://himg.bdimg.com/sys/portrait/item/9b7fe5889de590bbe7bc980729.jpg"/>
    这里应该是商品标题也就是图片下方文字
    US$8.6/set



  • " target="_blank">http://himg.bdimg.com/sys/portrait/item/9b7fe5889de590bbe7bc980729.jpg"/>
    这里应该是商品标题也就是图片下方文字
    US$8.6/set



  • " target="_blank">http://himg.bdimg.com/sys/portrait/item/9b7fe5889de590bbe7bc980729.jpg"/>
    这里应该是商品标题也就是图片下方文字
    US$8.6/set



  • " target="_blank">http://himg.bdimg.com/sys/portrait/item/9b7fe5889de590bbe7bc980729.jpg"/>
    这里应该是商品标题也就是图片下方文字
    US$8.6/set



  • " target="_blank">http://himg.bdimg.com/sys/portrait/item/9b7fe5889de590bbe7bc980729.jpg"/>
    这里应该是商品标题也就是图片下方文字
    US$8.6/set




html怎么写代码使之成为图片这种表格效果，越详细越好







table{
margin:0auto;
width:860px;
height:600px;
border-collapse:separate;
border-spacing:0px2px;
}
tabletr{
margin-bottom:2pxsolid#000;
}
tabletrtd:first-child{
width:170px;
height:45px;
line-height:45px;
text-align:center;
background:#65ae21;
color:#fff;
font-size:24px;
}
tabletrtd:last-child{
text-indent:15px;
font-size:22px;
color:#747474;
}
tabletr:nth-child(odd)td:last-child{
background:#e2e2e2;
}
tabletr.miantai{
height:68px;
}
tabletr.xidi{
height:100px;
}
tabletrtdi{
padding-left:15px;
font-style:normal;
}
















































商品品牌贝比娃
商品名称幼儿园被褥六件套-黄海星
商品套件被套、垫被套、枕套、被芯、垫被芯、枕芯
商品规格被子:145cm*115cm，垫被:140cm*60cm;枕头:50cm*35cm
商品面料环保全棉斜纹面料，精纺精梳、高支高密(40s/133*72)
生产工艺活性印染
棉胎新疆一级长绒棉花;
被芯重量2斤，垫被芯棉花重量1.5斤，高弹枕芯棉重量0.4斤
重量色彩鲜艳、清晰自然、柔软亲肤、不起球、不褪色
特点幼儿园被褥六件套总重量为5.3-5.5斤
定制不同尺寸、重量、工艺均可定制
洗涤说明水洗温度低于30度;不可漂白;悬挂晾干;中温熨烫;不可干洗(全棉织物，
首次洗涤请勿用洗涤剂，加入20g食盐浸泡,清水漂洗。若出现浮色，
属正常现象。)


急求！编写如图片显示效果的HTML代码，改如何做啊？

给出一些关键代码吧 样式练习2
求一段html网页的图片效果代码

这位童鞋，这个地方又错误：

完整代码如下：







http://p10.ytrss.com/product/20/294/1733/viewimage/10924.jpg" alt="ONLY雪纺两件套女衬衫E|113241011020,白,XL,13Q2" src="*.jpg">


非东风风神的法搜的建瓯市非单身飞速的发就欧风搜的哦

图片加文字循环显示，每次只出现一张，用HTML代码怎样实现？如这个网页中的。

无标题文档