公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝装修代码

如何添加淘宝宝贝描述中的横线?

作者:bj-cqx 2015-12-22 11:23:40

         

         

        如上图,淘宝宝贝描述装修模板里的横线是如何添加的呢?这个有多种方法,这里介绍用table表格来实现。
<table width="500" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="110" style="border-bottom: #006633 1px solid"><strong>品牌</strong></td>
    <td colspan="3" style="border-bottom: #006633 1px solid">Olay/玉兰油</td>
  </tr>
  <tr>
    <td style="border-bottom: #006633 1px solid"><strong>名称</strong></td>
    <td colspan="3" style="border-bottom: #006633 1px solid">玉兰油<strong>名称</strong></td>
  </tr>
  <tr>
    <td style="border-bottom: #006633 1px solid"><strong>产地</strong></td>
    <td style="border-bottom: #006633 1px solid">泰国</td>
    <td style="border-bottom: #006633 1px solid"><strong>名称</strong></td>
    <td style="border-bottom: #006633 1px solid"> </td>
  </tr>
  <tr>
    <td width="110" style="border-bottom: #006633 1px solid"><strong>质地</strong></td>
    <td width="170" style="border-bottom: #006633 1px solid">面霜</td>
    <td width="110" style="border-bottom: #006633 1px solid"><strong>名称</strong></td>
    <td style="border-bottom: #006633 1px solid"> </td>
  </tr>
</table>


         代码说明: #006633是横线的颜色代码,1px是横线的宽度,里面的文字大小 颜色和表格宽度你自己调整吧。关键就是在table的 td里添加css控制。

 



  本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!
0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 多彩数码 科技蓝调 手机数码网店模板

    多彩数码 科技蓝调 手机数码网店模板

    人气:46577
  • 时尚简约 瀑布流 装饰家居淘宝模板

    时尚简约 瀑布流 装饰家居淘宝模板

    人气:35416
  • 大牌简约 大气背景 珠宝配饰网店模板

    大牌简约 大气背景 珠宝配饰网店模板

    人气:38768
  • 潮流复古  极致简约  个性服饰淘宝模板

    潮流复古 极致简约 个性服饰淘宝模板

    人气:0
  • 春天衣橱 精品酷黑 潮流男装淘宝模板

    春天衣橱 精品酷黑 潮流男装淘宝模板

    人气:59832
  • 高雅大牌 舒爽浅色 女包女鞋网店模板

    高雅大牌 舒爽浅色 女包女鞋网店模板

    人气:56240
  • 森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

    森林情调-深绿色 食品保健 家居 玉器 茶叶 户外运动 类模板

    人气:1
  • 日用杂货 清新简约 生活兴趣网店模板

    日用杂货 清新简约 生活兴趣网店模板

    人气:45643