淘宝美工论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 531|回复: 9
收起左侧

[装修相关] 求大神帮忙,链接问题

[复制链接]
  • TA的每日心情

    2015-12-6 09:59
  • 签到天数: 36 天

    连续签到: 1 天

    [LV.5]略有小成

    1

    主题

    23

    帖子

    5723

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5723

    发表于 2015-6-21 12:15:28 | 显示全部楼层 |阅读模式
    1. <style type="text/css">
    2. .user_qh {width:990px;height:265px;overflow:hidden;text-align:center;margin:0px auto;font-family:"microsoft yahei";font-size:13px;color:white;}
    3. .user_qh .item  {width:240px;height:265px;overflow:hidden;float:left;margin:0px 0px 5px 7px;}
    4. .user_qh .item .pic {display:block;width:240px;height:240px;overflow:hidden;}
    5. .user_qh .item .pic img {display:block;width:240px;height:240px;border:0px;overflow:hidden;}
    6. .user_qh .item .pic:hover {border-style: none;}
    7. .user_qh .item .pic:hover img {margin-left:-999px;}
    8. .user_qh .item .ttle {
    9.   width:240px;
    10.   height:25px;
    11.   background-color:#EC6000;
    12.   line-height:24px;
    13.   overflow:hidden;
    14. }
    15. .user_qh .item .ttle .ttle {float:left;margin-left:5px;display:inline;width:150px;height:25px;overflow:hidden;text-align:left;}
    16. .user_qh .item .ttle .price {float:right;margin-right:5px;display:inline;font-weight:bold;}
    17. </style>


    18. <div class="user_qh">
    19.   <div class="item" style="margin-left:2px;">
    20.     <a class="pic" href="#" style="background:url(http://img10.360buyimg.com/imgzone/jfs/t1006/272/1221323193/87444/4a409f92/558609a7N2d094c3e.jpg
    21. ) no-repeat center center">
    22.       <img src="http://img10.360buyimg.com/imgzone/jfs/t1006/272/1221323193/87444/4a409f92/558609a7N2d094c3e.jpg
    23. " width="240" height="265"/>
    24.     </a>
    25.     <div class="ttle">
    26.       <div class="ttle">智能人体/声光感应灯泡</div>
    27.       <div class="price">¥36.9</div>
    28.     </div>
    29.   </div>
    30.   <div class="item">
    31.     <a class="pic" href="#" style="background:url(http://img10.360buyimg.com/imgzone/jfs/t982/169/1242310563/59710/778514/558609aaN0e0b8f4a.jpg
    32. ) no-repeat center center">
    33.       <img src="http://img10.360buyimg.com/imgzone/jfs/t982/169/1242310563/59710/778514/558609aaN0e0b8f4a.jpg
    34. " width="240" height="265"/>
    35.     </a>
    36.     <div class="ttle">
    37.       <div class="ttle">带插头人体感应灯</div>
    38.       <div class="price">¥36.8</div>
    39.     </div>
    40.   </div>
    41.   <div class="item">
    42.     <a class="pic" href="#" style="background:url(http://img10.360buyimg.com/imgzone/jfs/t1408/161/439747057/56934/ccbbdfda/558609a6Nc2896d8c.jpg
    43. ) no-repeat center center">
    44.       <img src="http://img10.360buyimg.com/imgzone/jfs/t1408/161/439747057/56934/ccbbdfda/558609a6Nc2896d8c.jpg
    45. " width="240" height="265"/>
    46.     </a>
    47.     <div class="ttle">
    48.       <div class="ttle">智能人体感应吸顶灯</div>
    49.       <div class="price">¥98</div>
    50.     </div>
    51.   </div>
    52.   <div class="item">
    53.     <a class="pic" href="#" style="background:url(http://img10.360buyimg.com/imgzone/jfs/t994/310/1229544008/94841/e2d0d0d2/558609a7N5c9df757.jpg
    54. ) no-repeat center center">
    55.       <img src="http://img10.360buyimg.com/imgzone/jfs/t994/310/1229544008/94841/e2d0d0d2/558609a7N5c9df757.jpg
    56. " width="240" height="265"/>
    57.     </a>
    58.     <div class="ttle">
    59.       <div class="ttle">智能人体感应吸顶灯</div>
    60.       <div class="price">¥78</div>
    61.     </div>
    62.   </div>
    63.   
    64.   </div>
    65. </div>
    复制代码
    本人刚入行,对代码认识还浅。我想在图片上加上链接,求大神帮忙解答。


    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    2016-9-17 16:30
  • 签到天数: 386 天

    连续签到: 2 天

    [LV.9]已臻大成

    11

    主题

    915

    帖子

    7万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    78464

    天猫美工最佳新人热心会员

    QQ
    发表于 2015-6-21 13:14:22 | 显示全部楼层

    回帖奖励 +2

    当码盲碰上码盲。。。。
    向日葵告诉我,只要面对着阳光努力向上,日子就会变得单纯而美好。
  • TA的每日心情

    2015-12-6 09:59
  • 签到天数: 36 天

    连续签到: 1 天

    [LV.5]略有小成

    1

    主题

    23

    帖子

    5723

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5723

     楼主| 发表于 2015-6-21 13:53:25 | 显示全部楼层
    暖心忆 发表于 2015-6-21 13:14
    当码盲碰上码盲。。。。



    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    抱抱
    9 小时前
  • 签到天数: 679 天

    连续签到: 6 天

    [LV.9]已臻大成

    26

    主题

    2631

    帖子

    18万

    积分

    高级会员

    阅读权限: 50

    Rank: 8Rank: 8

    积分
    185843

    最佳新人热心会员活跃会员灌水之王

    QQ
    发表于 2015-6-21 14:04:19 | 显示全部楼层
    码盲路过
    QQ交流群  107102001
  • TA的每日心情

    2015-12-6 09:59
  • 签到天数: 36 天

    连续签到: 1 天

    [LV.5]略有小成

    1

    主题

    23

    帖子

    5723

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5723

     楼主| 发表于 2015-6-21 14:18:50 | 显示全部楼层
    我知道了...

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    不爽
    前天 16:41
  • 签到天数: 129 天

    连续签到: 1 天

    [LV.7]炉火纯青

    20

    主题

    454

    帖子

    2万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    28014

    最佳新人热心会员

    发表于 2015-6-21 14:33:26 | 显示全部楼层
    当码盲碰上码盲。。。。

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情
    吐舌头
    2015-10-30 11:48
  • 签到天数: 70 天

    连续签到: 1 天

    [LV.6]渐入佳境

    5

    主题

    203

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15076

    最佳新人热心会员

    QQ
    发表于 2015-6-21 14:43:26 | 显示全部楼层
    href="#"  #代表空链接,好像是把#号改为你需要的链接就行了
    谁也不能随随便便的成功!
  • TA的每日心情
    吐舌头
    2015-10-30 11:48
  • 签到天数: 70 天

    连续签到: 1 天

    [LV.6]渐入佳境

    5

    主题

    203

    帖子

    1万

    积分

    中级会员

    阅读权限: 30

    Rank: 3Rank: 3

    积分
    15076

    最佳新人热心会员

    QQ
    发表于 2015-6-21 14:44:02 | 显示全部楼层
    我也不太懂,你试试~!
    谁也不能随随便便的成功!
  • TA的每日心情
    无奈
    2015-7-17 00:10
  • 签到天数: 27 天

    连续签到: 5 天

    [LV.4]初窥堂奥

    0

    主题

    6

    帖子

    4150

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    4150

    发表于 2015-6-21 18:57:48 | 显示全部楼层
    22行中href="#" 中#号是你要链接的网站。style="background:url(......)。括号内...是背景图片。 24行 <img src="......"。双引号内是图片

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

  • TA的每日心情

    2015-12-6 09:59
  • 签到天数: 36 天

    连续签到: 1 天

    [LV.5]略有小成

    1

    主题

    23

    帖子

    5723

    积分

    注册会员

    阅读权限: 20

    Rank: 2

    积分
    5723

     楼主| 发表于 2015-6-22 16:48:18 | 显示全部楼层
    梧桐秋语 发表于 2015-6-21 18:57
    22行中href="#" 中#号是你要链接的网站。style="background:url(......)。括号内...是背景图片。 24行  ...

    谢谢大神

    《论坛帮助文档》有什么问题来这里看看吧,这里有你想知道的内容!


    淘宝美工论坛-汇聚淘宝美工高端人才,建设淘宝美工人才基地。请认准论坛唯一网址:www.taobaoux.com

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|Archiver|手机版|粤公网安备44060502000322号|淘宝美工论坛 ( 桂ICP备12007265号-8 )  

    GMT+8, 2016-12-9 17:50 , Processed in 0.200343 second(s), 20 queries , Gzip On, Memcache On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

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