多广告图+右下角带“广告”小图标广告位源代码

这篇博客分享了一种利用HTML和CSS在广告横幅图片的右下角添加'广告'标识的方法。这种方法不是在图片上直接加水印,而是通过代码实现,使得标识在复制或单独打开图片时不会显示。代码示例中展示了如何将'广告'标识定位在图片右下角。
摘要由CSDN通过智能技术生成

大家是不是看到很多网站广告横幅图片右下角都有“广告”两个字
可能有人以为是制作图片的时候就加了水印标识广告二字
其实这并不是制作的时候加上的,当你复制保存或新网页单独打开图片
会发现右下角却没有广告两个字,这就说明是利用代码加上的广告两个字
代码如下:

  1. <table width="100%; cellpadding="0" cellspacing="0" border="0">
  2. <tr>
  3. <td style="position: relative;">
  4. <a href="https://www.58soho.cn.html" target="_blank"><img src="https://www.58soho.cn" width="100%" height="100" /></a>
  5. <div style="position:absolute;z-index:2;right:1px;bottom:1px;width:25px;height:15px;background:url(https://www.58soho.cn) no-repeat;"></div>
  6. </td>
  7. </tr>
  8. <tr>
  9. <td style="position: relative; padding-top: 5px;">
  10. <a href="https://www.58soho.cn.html" target="_blank"><img src=
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

www_58soho

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值