+ -
当前位置:首页 → 问答吧 → 淘宝spring布局

淘宝spring布局

时间:2010-09-01

来源:互联网

淘宝使用spring布局的圆角,只用一个div就实现了图示的圆角。代码如下:
.bd {
       background-position:0 -459px;
       background-repeat:repeat-x;
       border-color:#F69968 #F69968 -moz-use-text-color;
       border-style:solid solid none;
       border-width:1px 1px medium;
       height:33px;
       background:url("http://a.tbcdn.cn/tbsp/img/header/header_bg_20100225.png") no-repeat scroll -999em 0 transparent;
}
请问是不是还写了脚本文件啊,不然这样怎么会实现圆角的?我自己试验过,不可以啊。。。。。。。

附件

1.png (4.54 KB)

2010-9-1 17:29

作者: xiangcool   发布时间: 2010-09-01

好吧,刚没仔细看你的图,其实秘密在该div前面和后面的一对span标签
复制内容到剪贴板
代码:
<div id="channel-nav">
<span class="rc-tp"><span></span></span>
<div class="bd">
</div>
<span class="rc-bt"><span></span></span>
</div>
[ 本帖最后由 xthsky 于 2010-9-1 17:43 编辑 ]

作者: xthsky   发布时间: 2010-09-01

谢啦,居然没看到这个

作者: xiangcool   发布时间: 2010-09-02

请问有代码吗

作者: supergouki   发布时间: 2010-09-03