<html> <head> <style type="text/css"> img { float:right; border:1px dotted black; margin:0px 0px 15px 20px; } </style> </head> <body> <p> 在先面的段落中，图片将位于文字的右侧，并加上了一个虚点边框。 同时设置了文字与图片的间隔，防止他们重叠。 顶部和右边 0px,底部 15px,左边 20px。 </p> <p> <img src="/images/example/logocss.gif" width="95" height="84" /> 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ </p> </body> </html>
编辑上面的文字,按下“查看结果”，效果会显示在右边 Create by 软晨网（RuanChen.com）