尊敬的客户您好,经我们多年的网站制作、网络营销经验,请建站和优化同时做,以达到最好的推广效果!----创赢网络 2012-06
加入收藏设为首页
  • [2013-8-7]洛阳贷款 洛阳小额贷款公司网站上线
  • [2013-8-4]洛阳开锁公司 洛阳开锁电话优化
  • [2013-5-25]洛阳聚鑫钢绳有限公司网站上线
  • [2013-5-20]吉利区图书馆网站备案通过上线开通
  • [2013-5-13]洛阳旭晋昇商贸有限公司 食品批发零售
  • [2013-4-14]洛阳市建投节能技术服务有限公司 新版上线
  • [2013-4-11]南阳顽石玉器工作室网站上线
  • ------专业网站设计制作、网站排名优化、建设一流品牌!
    新闻正文 ·您的位置:首页 > 新闻中心 > 技术中心 > 查看新闻

    分享收集的淘宝圆角框的制作方法代码

    作者:redroom  来源:redroom  发表时间:2009-8-18 10:16:21  点击:3011

    收集的淘宝圆角框的制作方法

    上面例子中会用到四张图片,在淘宝圆角框中只对它做了改进而且只需要一张图片就能实现效果。我大概说一下主要思想,如果想彻底了解可以去 青色同学的博客,里面有详细的讲解包你一看就懂。

    1> 制作一张10*10像素如下图的圆:

     —>这张图片将被用CSS图像定位技术平均分成四份放置在四个角上来实现圆角效果。

    2> 核心代码如下:

    <div> <!--相对定位的外部div-->
    <!--四个.inner为长宽5px的绝对定位盒子,分别在.outer的四个角-->

     <!--利用CSS图片定位技术将图片定位到inner div中 -->
      <div></div>
        <div></div>
        <div></div>
        <div></div>
    </div>有图片的圆角制作方法都可以从以上这两种演变过来,最基本的要点就是 平铺你的圆角图片

    您的需求

    联系我们

    正确的选择

    金亚洲安全吗