网页中淘宝价格标签实现方法

从大学做网页的时候就可是玩阿里妈妈的想法，一直没怎么大玩，刚想捡起来大搞一下的时候发现淘宝客又要被打压，就没怎么玩了。但在网页上小打小闹没个月还是可以挣到三瓜俩枣的。

今天介绍个不错的淘宝客价格标签实现方法，看下面这位美女的衣服不错吧，才196RMB哦，喜欢的赶紧买件送女神吧。

定义CSS样式

这个标签主要是使用背景图片及文字链接实现，首先把制作好的标签图标icon上传到空间上，在于网页<head>...</head>间定义CSS。CSS代码可以直接使用本例子中的写法，注意背景图片地址需要自行修改。

<style type="text/css">
.buy {	}
.buy a {
width:173px;
height:44px;
background:url(images/price_bg.png) no-repeat;/*背景图片需要放在能调用到的地方*/
display:block;
color:#fff;
font-size:16px;
line-height:44px;
}
.buy a strong {
width:80px;
text-align:center;
display:block;
float:left;
}
.buy a span {
width:85px;
text-align:center;
display:block;
float:left;
}
</style>

设置标签

最简单的写法“￥196.00 去抢购”，写好标签文字调用前面已经定义好的.buy 类就可以啦。不太会的同学可以参考本例代码，直接修改。

<p class="buy"><!--一定要写上class="buy"，不然不起作用哦-->
    <a target="_blank" href="http://s.click.taobao.com/t?e=m%3D2%26s%3Dib%2BDGpi67t4cQipKwQzePOeEDrYVVa64LKpWJ%2Bin0XJRAdhuF14FMaPBfM5a5IuMlovu%2FCElQOsFYSYu%2F0AH2vvg0Pmj3JDYpGygSKdo1p1l9O0fKlt5FzIyYcFCrSrZomfkDJRs%2BhU%3D"><strong>￥196.00</strong>去抢购</a>
</p><!--href="你想推广的宝贝"-->