<html> <head> <style type="text/css"> div { float:right; width:120px; margin:0 0 15px 20px; padding:15px; border:1px solid black; text-align:center; } </style> </head> <body> <div> <img src="/images/example/logocss.gif" width="95" height="84" /><br /> 享受CSS带来的乐趣 </div> <p> 欢迎来到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！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ 欢迎来到RuanChen！ </p> <p> 在上面的段落中，div元素宽120相素并包含了一张图片。 div元素对齐到右侧，并规定了与文字的间隔。 同时也规定了图片和标题的间隔以及边框。 </p> </body> </html>
编辑上面的文字,按下“查看结果”，效果会显示在右边 Create by 软晨网（RuanChen.com）