作者stOOrz6 (stOOrz)
看板Blog
标题[教学] HTML 使用文绕图
时间Tue Mar 6 16:44:58 2007
原文:
http://blog.stoorz.org/archives/2007/03/06/76/
有时候写文章的时候,会想要让文章看起来跟报章杂志一样,图片会被文字围绕
起来,这时候就要自己将 html code 加点手脚。
正常插入图片的 html code 如下行所示
<img src="你的图片路径">
如果要使用文绕图的话,只要加入一段 CSS code 到里面,如下行红色 code 所
示
<img src="你的图片路径" style="float: left">
left 表示图片的位置在左边,也可以改成 right,这样图片的位置就会变成在
右边。
另外,只改这样的话,图片和文字会太靠近,看起来会觉得黏在一起,所以我们
可以再加入一小段 CSS code,如下行蓝色 code 所示
<img src="你的图片路径" style="float: left; margin: 15px">
表示设定图片四周会有 15 个 pixels 的空间,也就是文字距离图片会有 15
pixels,看起来就会比较清爽了, 15 这个数字可以随意更改成任何适合的数字
。
原文:
http://blog.stoorz.org/archives/2007/03/06/76/
--
stOOrz
http://blog.stoorz.org/
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 61.229.14.228
1F:推 flylover:感谢热心教学 03/06 17:26
2F:→ xzonisy:不知道能不能有CSS写法 直接写死在CSS档案里面 03/06 22:42
3F:推 AmazingRustu:感谢! 03/06 22:43