html css的问题！！

请问小图片用li标签背景图 li设置跟小图片一样的大小 下面的字怎么弄啊 老是占位和出错 😭

img

你题目的解答代码如下：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">

ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
    float: left;
    width: 150px;
    height: 22px; /*文字高度*/
    padding-top: 128px;/*图片高度*/
    text-align: center;
    background: url("F:/My Pictures/14.png") no-repeat scroll top center;
}
</style>
</head>
<body>

<ul>
    <li>文字文字</li>
    <li>文字文字</li>
    <li>文字文字</li>
</ul>
</body>
</html>

img

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

img


<li>
  <div>这个放背景图</div>
  <div>这个放文字</div>
</li>

确定是li的背景图嘛？里面的结构分析清楚了再写。子元素属性不能超出父元素的属性例如宽高，要不然很容易出错