论坛

标题: 关于京东页面制作的问题 [打印本页]
作者: clamp    时间: 2017-5-11 21:40
标题: 关于京东页面制作的问题
老师您好，我看过您的教程，感觉很感兴趣，就跟着一起学习了，但是还有许多不解的地方，请帮我指点下，多谢！~
[attach]92832[/attach]

比如京东商城上的文字下面的矩形边框都是什么代码实现的呢，是padding吗？还是margin？我不知道在表格<table>标签下应该如何把这里的属性值做出图上的效果，请老师教我一下，谢谢。
作者: 潜意式    时间: 2017-5-12 19:16
自己先尝试做哦，背景色用background，rgba通过a的值控制不透明度。边框用border。哪个效果不能实现，再针对提问。这个可以用列表做的。
作者: clamp    时间: 2017-5-18 20:49
  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>

  63. </body>
复制代码


我只是把表格布局出来了，那个块标签是block吗？怎么实现的？



欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1