引用 CSS+DIV/Ul+LI/dl+dt+dd/tabale+css 样式

(一)刚开始腾讯搞下来CSS+DIV布局

 






    通信
    QQ邮箱
    QQ软件
    QQ秀
    会员
    号码
    和悦
   


    社区
    空间
    相册
    音乐
    视频
    直播
    Q吧
    交友
   


    休闲
    QQ游戏
    炫舞
    QQ宠物
    飞车
    音速
    QQ堂
   


    网游
    地下勇士
    寻仙
    穿越火线
    自幻想
    三国
   


    手机
    QQ无线
    超级QQ
    手机游戏
    手机QQ
    爱墙
   


    商务
    拍拍网
    财付通
    QQ充值
    手机充值
    更多
   

输出如下

通信 QQ邮箱 QQ软件 QQ秀 会员 号码 和悦
社区 空间 相册 音乐 视频 直播 Q吧 交友
休闲 QQ游戏 炫舞 QQ宠物 飞车 音速 QQ堂
网游 地下勇士 寻仙 穿越火线 自幻想 三国
手机 QQ无线 超级QQ 手机游戏 手机QQ 爱墙
商务 拍拍网 财付通 QQ充值 手机充值 更多

------------------------------------------------------------------------------

(二)我改成了DIV+CSS+UL+LI

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">




   
   


   
   


   
   


   
   


   
   


   
   

输出如下

通信 QQ邮箱 QQ软件 QQ秀 会员 号码 和悦
社区 空间 相册 音乐 视频 直播 Q吧 交友
休闲 QQ游戏 炫舞 QQ宠物 飞车 音速 QQ堂
网游 地下勇士 寻仙 穿越火线 自幻想 三国
手机 QQ无线 超级QQ 手机游戏 手机QQ 爱墙
商务 拍拍网 财付通 QQ充值 手机充值 更多

 

-------------------------------------------------------------------------------

(三)dl+dt+dd版本




输出如下

通信 QQ邮箱 QQ软件 QQ秀 会员 号码 和悦

 

----------------------------------------------------------------------

(四)最后我用TABLE+TD+TR实验下   用表格+CSS

http://www.w3.org/TR/xhtml1/spanD/xhtml1-transitional.spand">
http://www.w3.org/1999/xhtml
">





























输出如下

通信 QQ邮箱 QQ软件 QQ秀 会员 号码 和悦
通信 QQ邮箱 QQ软件 QQ秀 会员 号码 和悦
通信 QQ邮箱 QQ软件 QQ秀 会员 号码 和悦

我的CSS兼容性基本已经到位了,以前总是不会做CSS+DIV+UL+LI

 

转自:http://hi.baidu.com/%D6%EC%C3%F7%B2%A9%BF%CD/blog/item/8ca407fbccb85d18a8d311a8.html 多谢朱明的支持

你可能感兴趣的:(java)