HTML让文字在图片上显示-优选博客-Tsd/原创论坛-技术教程-优选博客

HTML让文字在图片上显示-优选博客

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

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

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

添加文字…添加文字…添加文字…

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

  
  添加文字…添加文字…添加文字…

如果想限制img 标签的最大宽高,可以用max-width 和 max-height 这两个属性,如下代码:

HTML让文字在图片上显示-优选博客-优选博客
HTML让文字在图片上显示-优选博客-优选博客
HTML让文字在图片上显示-优选博客-优选博客

请登录后发表评论

    没有回复内容