雪尼尔面料生产厂家:使用表格在图片上写字

来源:百度文库 编辑:九乡新闻网 时间:2024/04/30 02:13:46
选中了一张喜欢的图片(如下图)如何在空白位置写上自己想写的文字呢?

这张图有二个空白区,左边的为竖形空白,右边的是横形空白,设想左边的写竖排字,右边的写横排字这样比较恰当。由于这张图片的写字区是在特定的二个位置,用常规代码写字是无法实现的,让我们考虑用表格来实现吧!
表格的特点是可以用行和列来栏出写字区,这样就可以实现输入的图文在该写字区内。那怎样来栏出写字区呢?先来分析一下这张图片,这张图片的写字区是在同一行的二个区,按理说只要建个一行二列的表格就行了,然而由于右侧的列上有较大的图形区,为了使字不写到图形上,所以还得建立图形区来避让。由于左侧的图形区小可用位移文字的方法来解决定位,所以就不用建立图形区了。这样一来我们只要建一个一行三列的表格就行了。
已知图片的总宽为700像素,我们设置左区的宽度为190像素;中区的宽度为350像素;右区的宽度为160像素,在图片上建立一个一行三列的表格。
图片分区表格图形:
图片分区表格基本代码:






下面我们在以上基本表格上首先写左区的竖字,文字示例如下:
彼此的忙碌不阻真诚。
热情的关怀不分四季;
永远的朋友不会分离;
真诚的友谊不会忘记;
左区文字代码如下:










彼此的忙碌不阻真诚。


热情的关怀不分四季;


永远的朋友不会分离;


真诚的友谊不会忘记;



注:红色为竖排文字及其代码。其中:WIDTH: 170px的数字大小可调整文字左右位置。
其次我们再在中区写横排字,文字示例如下:
彼此的忙碌不阻真诚。
热情的关怀不分四季;
永远的朋友不会分离;
真诚的友谊不会忘记;
将鼠标移到博客网页的左上方“向下绿箭头”上,在出现的菜单上点“写日志”,出来“写日志”页面后再点一下“写日志”页面右上的“全部功能”,然后再点“写日志”页面顶端工具栏上的“插图”,在出来的对话框中从电脑中上传图片到日志中就行了。
全图文字代码如下:










彼此的忙碌不阻真诚。


热情的关怀不分四季;


永远的朋友不会分离;


真诚的友谊不会忘记;

   

 


 将鼠标移到博客网页的左上方“向下绿箭头”上,在出现的菜单上点“写日志”,出来“写日志”页面后再点一下“写日志”页面右上的“全部功能”,然后再点“写日志”页面顶端工具栏上的“插图”,在出来的对话框中从电脑中上传图片到日志中就行了。


注:红色为中区横排文字及代码。:中区的文字左对齐
以上是我在学习图片上写字的习作和体会,供需要的朋友学习参考。