Heim >Web-Frontend >HTML-Tutorial >CSS中的背景图片加图片加文字如何实现,谢谢!_html/css_WEB-ITnose

CSS中的背景图片加图片加文字如何实现,谢谢!_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-21 09:44:402666Durchsuche

本帖最后由 hzhtc_555 于 2012-02-21 07:19:56 编辑

  高手们,早上好。我是一个菜鸟,刚刚接触CSS,看到CSDN里的文章,学习很多,想请教高手们一个问题, 影视海报中的这种样式如何实现? 绿圈中的“ 高清”字样,红圈中的“ 国语大字幕”字样,蓝圈中的" 星爷经典快来看"字样,谢谢,如何加上去的?我也知道是CSS代码,但是不会,如果搜索,以什么主题来搜索,感谢!我问了很多人,他们都不肯给我答复,请有看到的高手给我说下,最好能给一个代码实例,本人感激不尽!再次表示感谢!

回复讨论(解决方案)

本人不是发广告,之请教高手们问题,希望管理员不忘难为我,感谢!

高手们请教了,谢谢你们!

结帖率:0.00%

高手好,本人初来炸到,不会, “结帖率:0.00%”  我不懂 

 高手们,能回答一下吗?感谢!

管理员 能不能让高手们改我看看这个问题呀,感谢!

你参考下 CSS定位

采用定位技术就可以

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>* { padding:0; margin:0;}.aa{ padding:2px; border:1px solid #000; width:100px;  margin:0 auto; font-size:12px; line-height:24px; }.bb{ position:relative; width:100px; height:100px;}.bb span{position:absolute;left: 72px;top: 4px;background-color:#C30;color:#FFF;display:block;}.bb i{font-style:normal;background-color:#000;color:#FFF;position:absolute;left: 38px;top: 76px;display:block;}</style></head><body><div class="aa"><div class="bb"><img  src="http://pic1a.nipic.com/2008-11-19/2008111912362920_2.jpg"    style="max-width:90%"  style="max-width:90%" / alt="CSS中的背景图片加图片加文字如何实现,谢谢!_html/css_WEB-ITnose" ><span>高清</span><i>国语大字幕</i></div><p>逃学威龙1</p><p style="color:#CCC">星爷经典快来看</p></div></body></html>


大概意思就是这样的,用定位来解决!!

你参考下CSS定位

采用定位技术就可以   感谢,看了,但是感觉好像看不太懂,估计不是学这专业的!感谢您的指点!

HTML code

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


我已经结账了,不晓得对不对,感谢两位高手net_lover和liyuedan  感谢!

知道了就好,给分吧!!

知道了就好,给分吧!! 怎么联系高手,我想好好求教一番,作为一个菜鸟新人,好怎的很需要名师指点的,谢谢高手!

http://www.w3school.com.cn/h.asp  
 多看看手册,多写多练就ok了!!

http://www.w3school.com.cn/h.asp  
 多看看手册,多写多练就ok了!!   感谢高手 我也经常上去看,总是缺名师指点,O(∩_∩)O哈哈~感谢高手!

师兄,你学习得怎样了,学会了么。初学者飘过

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn