CSS UL Li的背景图片怎么添加?

CSS UL Li的背景图片怎么添加?,第1张

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<style>标签中,输入css代码:

li {height: 50pxbackground: url(small3.png)} li:hover {background: url(small2.png)}

3、浏览器运行index.html页面,此时显示出了背景图片

4、将鼠标移动到li标签背景图片上方,此时背景图片被改变了。

<li

style="list-type:none"><img

src="你要加的图片符号"</li>

在li的style里面将li

的默认黑点符号去掉,然后在li内容里卖弄添加你要用的图片符号就好了

你可能还是没有太明白 在span外写的文字和span内的文字是在一行,span加了padding或margin还是和span外面的文字在一行上!span本身是行内元素,不能用padding或margin脱离自己所在的行!!!不知道这样解释你能明白吗?


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11530973.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存