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

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

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

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

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

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

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



扩展阅读:css ul li 漂亮样式 ... 反恐精英ol女角色照片 ... sci hub官网进入 ... sally face larry ... css ul li 横向排列 ... cimko ls1 ... html ul li 横排 ... css 布局 文案围绕图片 ... css样式设置背景图片 ...

本站交流只代表网友个人观点,与本站立场无关
欢迎反馈与建议,请联系电邮
2024© 车视网