设为首页收藏本站
切换到宽版

全球主机交流论坛

 找回密码
 注册

QQ登录

只需一步，快速开始

全球主机交流论坛»论坛 › 主机综合交流 › 美国VPS综合讨论 › 【300分】求高手代写一段css
CeraNetworks网络延迟测速工具IP归属甄别会员请立即修改密码
返回列表 发新帖
查看: 2197|回复: 9

【300分】求高手代写一段css

[复制链接]
thymol
发表于 2013-11-22 15:25:12 | 显示全部楼层 |阅读模式
提示: 作者被禁止或删除 内容自动屏蔽

相关帖子
回复

举报

dvbhack
发表于 2013-11-22 15:25:13 | 显示全部楼层
本帖最后由 dvbhack 于 2013-11-22 17:10 编辑

我顺手写了一段，demo在这里：http://www.ofcss.com/cssdemo/simple.html
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <meta charset="gbk">
  5.   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.   <title></title>
  7.   <style>
  8. body,div,ul,li,img,a {margin:0;}
  9. ul {padding:0;list-style:none;}
  10. a img {border:0 none;}
  11. .wrap:before,
  12. .wrap:after {
  13.     display:block;
  14.     content:'';
  15.     height:0 !important;
  16.     line-height:0 !important;
  17.     visibility:hidden;
  18. }
  19. .wrap:after { clear:both;}
  20. .wrap {width:980px;margin:0 auto;*zoom:1;}
  21. .pics {
  22.     float:left;
  23.     width:340px;
  24.     height:90px;
  25.     overflow:hidden;
  26.     _margin-right:-3px;
  27. }
  28. .script {
  29.     width:640px;
  30.     height:90px;
  31.     overflow:hidden;
  32.     *zoom:1;
  33.     background:#c00;
  34. }
  35. .pic {
  36.     float:left;
  37.     margin:0 10px 10px 0;
  38.     width:160px;
  39.     height:40px;
  40. }
  41. </style>
  42. </head>
  43. <body>

  45. <div class="wrap">
  46.     <ul class="pics">
  47.         <li class="pic">
  48.             <a ><img src="http://fpoimg.com/160x40" width="160" height="40" alt=""></a>
  49.         </li>
  50.         <li class="pic">
  51.             <a ><img src="http://fpoimg.com/160x40" width="160" height="40" alt=""></a>
  52.         </li>
  53.         <li class="pic">
  54.             <a ><img src="http://fpoimg.com/160x40" width="160" height="40" alt=""></a>
  55.         </li>
  56.         <li class="pic">
  57.             <a ><img src="http://fpoimg.com/160x40" width="160" height="40" alt=""></a>
  58.         </li>
  59.     </ul>
  60.     <div class="script">
  61.         <script>document.write('这段文字由js插入');</script>
  62.     </div>
  63. </div>
  64. </body>
  65. </html>
复制代码
回复

举报

h0stl0c
发表于 2013-11-22 15:38:46 | 显示全部楼层
1 2 3 4 5 是 div 吗？
回复

举报

我心碎不了
发表于 2013-11-22 15:40:18 | 显示全部楼层
  1. <style>
  2. .block { height: 90px; width: 980px; background: #000; }
  3. .left { float: left; width: 340px; height: 90px; background: #ddd }
  4. .left .box { float: left; margin: 0 10px 10px 0; background: #ccc; width: 160px; height: 40px; }
  5. .right { float: left; width: 640px; height: 90px; background: #ccc; }
  6. </style>
  7. <div class="block">
  8.         <div class="left">
  9.                 <div class="box">
  10.                         1
  11.                 </div>
  12.                 <div class="box">
  13.                         2
  14.                 </div>
  15.                 <div class="box">
  16.                         3
  17.                 </div>
  18.                 <div class="box">
  19.                         4
  20.                 </div>
  21.         </div>
  22.         <div class="right">
  23.                 5
  24.         </div>
  25. </div>
复制代码
请联系我！
回复

举报

dvbhack
发表于 2013-11-22 16:44:57 | 显示全部楼层
我心碎不了 发表于 2013-11-22 15:40
请联系我！

QQ截图20131122165724.png (3.35 KB, 下载次数: 0)

IE6下截图。
回复

举报

thymol
 楼主| 发表于 2013-11-22 17:06:26 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

举报

我心碎不了
发表于 2013-11-22 17:09:01 | 显示全部楼层
thymol 发表于 2013-11-22 17:06
ie下面有显示不正常，能修改一下么

抱歉，用五楼大神的吧，公司网站不兼容IE6，自己手头也没IE6设备测试~
回复

举报

thymol
 楼主| 发表于 2013-11-22 17:14:20 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

举报

amo
发表于 2013-11-22 18:06:28 | 显示全部楼层
很简单
回复

举报

flyfish
发表于 2013-11-22 18:32:24 | 显示全部楼层
看来已经解决了呢。恭喜
回复

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则

Archiver|手机版|小黑屋|全球主机交流论坛

GMT+8, 2025-1-18 10:05 , Processed in 0.068283 second(s), 11 queries , Gzip On, MemCache On.

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表