再次询问关于做圆角框的问题

  我现在有个矩形框 有左，右上角，左右下角的半圆图片以及边框得图片，请教各位高手们，我要怎么样用这些图片吧我的矩形框变作四角都是半圆的框啊，
我找了下资料说用CSS做就可以，可是我不会哦，还请会的大哥大姐们帮我下啊，谢谢了！！！拜托了

解决方案 »

  1.   

    firefox有自己定义的对象的圆角的css: -moz-border-radius, IE没有
      

  2.   

    IE目前没有办法做  不支持    办法是切图  把圆框的四个圆角切下来  然后在DW中拼上去  
    我以前也问过类似的问题  没有更好的解决办法。
      

  3.   

    这是我的帖子
    http://topic.csdn.net/u/20081114/09/99a740de-dd3c-4e79-91c9-859a91f63334.html
      

  4.   

    忘记贴邮箱地址了  晕
    [email protected]
      

  5.   

    继续求解,要用CSS把这种直角的框改成圆角的 有没有办法啊
      

  6.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>图片拼接</title>
    <style type="text/css">
    <!--
    body,div,img,font{padding:0;margin:0;list-style-type:none;}
    body,div {text-align:center;font-size:12px;font-family:宋体;margin-left:auto;margin-right:auto;line-height:19px;}
    -->
    </style>
    </head>
    <body>
    <div style="width: 500px;margin-top: 100px;height: 500px;">
    <!-- 头部 -->
    <div style="width: 500px;">
    <font style="background-image: url('images/bg_a.gif');width: 11px; height: 25px;"></font><font style="vertical-align: top;border-top: 1px #C3C3C3 solid;width: 478px;">这是头部</font><font style="background-image: url('images/bg_b.gif');width: 11px; height: 25px;"></font>
    </div>
    <!-- 中间 -->
    <div style="border-left: 1px #C3C3C3 solid;border-right: 1px #C3C3C3 solid;width: 500px;height: 464px;">
    <b>这里是你的主要内容</b><br/>
    <div>不知道这样符不符合你的要求  呵呵</div>
    </div>
    <!-- 底部 -->
    <div style="width: 500px;">
    <font style="background-image: url('images/bg_c.gif');width: 11px; height: 11px;"></font><font style="border-bottom: 1px #C3C3C3 solid;width: 478px;line-height: 10px;">这是底部</font><font style="background-image: url('images/bg_d.gif');width: 11px; height: 11px;"></font>
    </div></div>
    </body>
    </html>
    我自己用的是IE7（测试了是可以的）    这种拼接图片的大概思想就是这样了
      

  7.   

    我发给你的图片当中我有截了一个图的哦.bmp的图，那里就是一个框嘛，在外面加上圆形框就可以了这样
      

  8.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <title>图片拼接</title>
    <style type="text/css">
    <!--
    body,div,img,font{padding:0;margin:0;list-style-type:none;}
    body,div {text-align:center;font-size:12px;font-family:宋体;margin-left:auto;margin-right:auto;line-height:19px;}
    -->
    </style>
    </head>
    <body>
    <div style="width: 500px;margin-top: 100px;">
    <!-- 头部 -->
    <div style="width: 500px;">
    <font style="background-image: url('images/bg_a.gif');width: 11px; height: 25px;"></font><font style="vertical-align: top;border-top: 1px #C3C3C3 solid;width: 478px;">这是头部</font><font style="background-image: url('images/bg_b.gif');width: 11px; height: 25px;"></font>
    </div>
    <!-- 中间 -->
    <div style="border-left: 1px #C3C3C3 solid;border-right: 1px #C3C3C3 solid;width: 500px;">
    <b>这里是你的主要内容</b><br/>
    <div>不知道这样符不符合你的要求  呵呵</div>
    </div>
    <!-- 底部 -->
    <div style="width: 500px;">
    <font style="background-image: url('images/bg_c.gif');width: 11px; height: 11px;"></font><font style="border-bottom: 1px #C3C3C3 solid;width: 478px;line-height: 10px;">这是底部</font><font style="background-image: url('images/bg_d.gif');width: 11px; height: 11px;"></font>
    </div></div>
    </body>
    </html>
      

  9.   

    能贴到这上面或发邮件给我吗？谢谢了
    [email protected]