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

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

作者: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

相关教程

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

  • 春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    春季、夏季清爽 化妆美容、健美店铺模板 全屏轮播

    人气:1
  • 双十一 淘宝活动促销模板 潮流女装

    双十一 淘宝活动促销模板 潮流女装

    人气:33016
  • 双十二 促销大红 现代灯艺淘宝模板

    双十二 促销大红 现代灯艺淘宝模板

    人气:0
  • 时尚美容美妆馆

    时尚美容美妆馆

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

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

    人气:59832
  • 奢侈名表 简约奢华 饰品珠宝淘宝模板

    奢侈名表 简约奢华 饰品珠宝淘宝模板

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

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

    人气:56240
  • 活力欧美 帅气男装 服装配件淘宝模板

    活力欧美 帅气男装 服装配件淘宝模板

    人气:40233