首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

用CSS兑现HTML网页图文混排效果

2013-01-18 
用CSS实现HTML网页图文混排效果??原来的HTML代码内容(因为模板取自别的网站,有点乱): /24点游戏是一个

用CSS实现HTML网页图文混排效果

?

?

原来的HTML代码内容(因为模板取自别的网站,有点乱):

< </>24点游戏是一个有趣的益智数学游戏, 24点大全网站提供24点游戏技巧、巧算24点、在线算24点、24点计算大比拼、24点手机app下载、24点趣谈、大量24点题目、24点难题、最难的24点等精彩内容。如果您要算24点题目,那么请一定收藏24点大全网站哦!</div></div>

在HTML中实现图文混排的关键点:设置float样式,比如 float:left。

因为默认情况下文字会紧贴着图片,所以要使用margin样式来调整,比如 margin-right:8px。

?

PS:24点大全是我进行的一个网站SEO实验站点,目前已被百度和Google收录,它是一个关于24点游戏的站点,包括24点游戏介绍、24点题目、24点算法、24点计算器,有兴趣的童鞋可以访问一下www.24game.com.cn,欢迎提出宝贵意见。

?

源文:http://www.vktone.com/articles/image-text-mixed-in-css.html

?

?

热点排行