无名 发表于 2022-5-8 20:23:25

HTML让文字在图片上显示

HTML让文字在图片上显示的几种方法

第一种方式是image 作为背景图片,即:background:url(".......");
例如如下代码块:
添加文字...添加文字...添加文字...

第二种方式是将img块与文字块(文字块采用span标签显示)放在同一个div 中,然后设置他们之间的位置,例如如下代码块:

添加文字...添加文字...添加文字...


第三种方式是将img块与文字块(文本块存放在div中)放在同一个div 中,然后设置他们之间的位置,例如如下代码块:

  
  添加文字...添加文字...添加文字...

如果想限制img 标签的最大宽高,可以用max-width 和 max-height 这两个属性,如下代码:
http://cdn.u1.huluxia.com/g3/M02/D2/92/wKgBOV2RWP2AG9bbAAHIAOkP8lg040.jpghttp://cdn.u1.huluxia.com/g3/M02/D2/92/wKgBOV2RWP6AP7m7AADEAGtrFO0797.jpghttp://cdn.u1.huluxia.com/g3/M02/D2/92/wKgBOV2RWQCAcdSDAAQgAF0pRrM082.jpg
页: [1]
查看完整版本: HTML让文字在图片上显示