css图片文字环绕上、右、下画中画效果

发布时间:2020-10-17编辑:脚本学堂
本文介绍了css实现图片文字环绕效果的实现代码,实现文字与图片的上、右、下画中画效果,有需要的朋友参考下。

例子,css 文字环绕图片的效果代码。
 

复制代码 代码示例:
<table width="94%" border="0" align="center" cellpadding="0" cellspacing="0" class="jn3">
<tr class="jn3">
<td height="40" align="center" valign="top" class="text1">新闻来源:市教育局教研室  时间:2008-11-19  点击[32] 评论[0]  [<a href="#name" class="hs12">发表评论</a>]</td>
</tr>
<tr class="jn3">
<td height="10" align="left" valign="top" class="text2">  
<div style="float:left;">
<div style="float:left;height:100px;width:1px;"></div>
<div style="float:left;height:220px;width:260px;clear:left;background:#F00;margin:25px 5px 5px 0;"><a href="http://广告网址" target="_blank"><img src="图片路径"  width="260" height="220" border="0"/></a></div>
<P>  初冬的古都南京,别有一番韵味。2008年11月10——12日,第二届全国课改实验区苏教版小学语文课堂教学大赛在南京隆重举行,41节语文课精彩纷呈,让听课的评委、老师和上课的老师、学生一起心跳、共同成长。合肥市华府骏苑小学的刘爱玲老师作为合肥市唯一参赛教师不负众望,一举夺得大赛的特等奖。</P>
<P><BR>  刘爱玲老师执教《厄运打不垮的信念》一课,教学目标层次分明,思路简洁,学法指导有效,得到来自全国各地的语文教学专家和听课老师的一致好评。刘爱玲老师取得的成绩离不开个人的努力,更离不开集体的智慧。在磨课过程中,合肥市教研室刘学山老师、蜀山区教研室苏家云老师、蜀山区语文课改指导组成员多次听评,精心指导。参赛前,蜀山区教育局黄先繁书记、王雪梅副局长、教研室张发东、李德山主任也给予热情鼓励,为刘爱玲老师送行。刘爱玲老师的荣誉激励着每一位老师,更加坚定了我们走教师专业化成长道路。</P>
<P> </P>
</div>
 

效果如下图(文字环绕图片):
css图片文字环绕效果