z studio代码编纂器 ， 版本10.0
百度浏览器 ， 版本8.7.5
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解怎么用CSS+DIV在图片上结构文字 。
文章插图
2在test.html文件内 ， 建立一个class为con的div ， 同时利用img标签建立一张图片显示 。
文章插图
3在div内 ， 再建立一个class为wz的div ， 在div内写上测试的文字 。
文章插图
4在test.html文件内 ， 利用css初始化body样式 ， 设置其表里边距都为0 。
文章插图
5利用css对class为con的div进行样式界说 ， 设置其位置属性为相对定位 ， 宽度、高度都为100px 。
文章插图
6利用css对class为wz的div进行样式界说 ， 设置其位置属性为绝对定位 ， 文字大小为30px ， 层级属性z-index为2 ， 距离页面边缘的左边、顶部都为0 。
文章插图
7【怎么用CSS+DIV在图片上布局文字】在浏览器打开test.html文件 ， 可见 ， 当作功实现文字在图片的上面 。
文章插图
以上内容就是怎么用CSS+DIV在图片上布局文字的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- 黄花菜的做法，怎么做好吃
- 转运竹叶子发黄怎么办
- 文竹怎么水培，水培多久生根
- css中怎么样才能使内容在div的底部中间
- 1栏、2栏、多栏 板式设计中网格的使用技巧
- 桅子花室内秋天怎么养护
- 如何更改Win10系统用户名
- 如何查看自家wifi有没有别人在用
- 白花小松生虫子怎么办
- 黄花菜怎么吃，孕妇可以吃吗