HTML中怎么在图片上写列表标签?
最直接也是前端开发经常使用的方法有这些:
- 将图片设置为背景,列表做内容填充,这是最快速解决方法
- 利用元素浮动及边距
- 通过相对定位及绝对定位实现
- ...
当然实现方法不止这些,想学习前端知识,了解更多前端资讯欢迎关注公众号「一郭鲜」,学习前端不迷路
绝对定位,position: absolute;
我知道的有四种方法
关注我,我就告诉你,前端问题都可以问。
定位,负margin,图片作为背景,都可以
浮动 或者定位
1图片变成背景图片
2给列表加定位
3加浮动
这个主要是使用到css中定位的知识点,建议去学习一下,css中的常用定位
- 固定定位
- 相对定位
- 绝对定位
掌握每个定位的特点,以及定位之间的配合使用。一般情况下,相对定位和绝对定位是配合使用的。给元素添加了绝对定位一般都会给添加绝对定位的元素添加相对定位。叫做「子绝父相」。下面用代码写一个案例,供你参考。
1、html代码及分析