<body>
<span style="width:100px height:100px border:1px solid #ccc display:block" id="span1"></span>
</body>
<script>
var oSpan = document.getElementById('span1')
var oImg = document.createElement('img') //创建一个img标签
oImg.src = '../../abc.jpg' //给img标签添加src属性
oSpan.appendChild(oImg) //将img标签添加到span标签里面。
</script>
通过上述code就可以实现span里面添加一张图片
可以。span标签是超文本标记语言(HTML)的行内标签,被用来组合文档中的行内元素。span在web中可以加图片。Web开发就是开发网页程序,从开发简单的纯文本静态页面到复杂的基于Web的互联网应用程序。<span style="background-color:#FF0000">背景颜色</span>
这个是用来设置背景颜色的,展现效果如下:
可以另外设置这个宽度大小,留一些空余的地方会更好看
<span>标签是不能设置背景图片的,这个是用来设置文字的样式的。可以在span标签之前添加一个<div></div>
代码和效果如下:
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)