快捷导航
发新帖
返回列表
2 564
电梯直达  跳转到指定楼层

[提问] 关于京东页面制作的问题

clamp|新手上路 |勤币 52 |学币 0
发表于 2017-5-11 21:40 | 复制链接 | 打印 | 上一主题 | 下一主题
老师您好,我看过您的教程,感觉很感兴趣,就跟着一起学习了,但是还有许多不解的地方,请帮我指点下,多谢!~


比如京东商城上的文字下面的矩形边框都是什么代码实现的呢,是padding吗?还是margin?我不知道在表格<table>标签下应该如何把这里的属性值做出图上的效果,请老师教我一下,谢谢。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
举报 使用道具
| 回复

共2个回复 最后回复于 2017-5-18 20:49

勤币 18146   学币 398  
沙发
发表于 2017-5-12 19:16:36 | 只看该作者
自己先尝试做哦,背景色用background,rgba通过a的值控制不透明度。边框用border。哪个效果不能实现,再针对提问。这个可以用列表做的。
举报 使用道具
勤币 52   学币 0  
板凳
发表于 2017-5-18 20:49:43 | 只看该作者
  1. <body><table width="590" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#AFAFAF">
  2.   <tbody>
  3.     <tr bgcolor="#BD1F73">
  4.       <td height="60">
  5.       <font color="#FFFFFF" style="font-family: '微软雅黑'; font-size: 16px;">
  6.               <center>
  7.               爱逛
  8.               </center>
  9.       </font>
  10.       </td>
  11.       <td>
  12.       <center>
  13.       <img src="../imges/pt_qrcode@1x.png" width="20" height="20" alt=""/>
  14.       </center>
  15.       </td>
  16.       <td ><font color="#FFFFFF" style="font-size: 12px; font-family: '微软雅黑'">
  17.       <center>
  18.       3件7折
  19.       </center>
  20.       </font>
  21.       </td>
  22.       <td></td>
  23.       <td>&nbsp;</td>
  24.       <td>&nbsp;</td>
  25.       <td>&nbsp;</td>
  26.       <td>&nbsp;</td>
  27.     </tr>
  28.     <tr bgcolor="#C9C8C8">
  29.       <td colspan="3">&nbsp;</td>
  30.       <td>&nbsp;</td>
  31.       <td>&nbsp;</td>
  32.       <td>&nbsp;</td>
  33.       <td>&nbsp;</td>
  34.       <td>&nbsp;</td>
  35.     </tr>
  36.     <tr bgcolor="#C9C8C8">
  37.       <td colspan="3">&nbsp;</td>
  38.       <td>&nbsp;</td>
  39.       <td>&nbsp;</td>
  40.       <td>&nbsp;</td>
  41.       <td>&nbsp;</td>
  42.       <td>&nbsp;</td>
  43.     </tr>
  44.     <tr bgcolor="#C9C8C8">
  45.       <td colspan="3">&nbsp;</td>
  46.       <td>&nbsp;</td>
  47.       <td>&nbsp;</td>
  48.       <td>&nbsp;</td>
  49.       <td>&nbsp;</td>
  50.       <td>&nbsp;</td>
  51.     </tr>
  52.     <tr bgcolor="#C9C8C8">
  53.       <td colspan="3">&nbsp;</td>
  54.       <td>&nbsp;</td>
  55.       <td>&nbsp;</td>
  56.       <td>&nbsp;</td>
  57.       <td>&nbsp;</td>
  58.       <td>&nbsp;</td>
  59.     </tr>
  60.   </tbody>
  61. </table>

  62. </body>
复制代码


我只是把表格布局出来了,那个块标签是block吗?怎么实现的?
举报 使用道具
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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