编写html代码时,在图片上加文字实质就是通过css样式设置文字的背景是图片。
1、创建一个新的html文件
2、在body标签里创建一个div,在div的p标记里面写入文字
3、在head标签里编写css样式,让图片作为文字的背景,并且设置图片不重复。
4、这样编辑html时,在图片上添加文字的问题就解决了。
HTML在图片上加文字,有两种方法可以实现:
1、把图片设为背景图片。
这样所有添加的文字和其他元素,都会在图片上面显示。比如:
思路:两种方法。1. 把图片设置成背景,然后直接写文字即可。
2.第二,写两个div,然后在CSS样式中写入:position:relative;需要用top,right和bottom,left来定位(随父级定位)
第二种代码:
这个很简单,在表格里,把图片设为背景就行,通常我们会把图片插入,不要那样弄。
把图片设置成div的背景图,再在div里写字