border 问题

当给一个div设置border的时候，它边框默认的四个角都是90度角。请问大家哪位可以告诉我，把四个角更换成别的？？？可以实现吗？？？

解决方案 »

  1.   

    可以实现，用css代码实现的。一般都是设置成圆角，给出一个参考网页代码：
    <HTML>
    <HEAD>
    <style>
    .b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}
    .b1,.b2,.b3,.b1b,.b2b,.b3b{height:1px;}
    .b2,.b3,.b4,.b2b,.b3b,.b4b,.b{border-left:1px solid #999;border-right:1px solid #999;}
    .b1,.b1b{margin:0 5px;background:#999;}
    .b2,.b2b{margin:0 3px;border-width:2px;}
    .b3,.b3b{margin:0 2px;}
    .b4,.b4b{height:2px;margin:0 1px;}
    .d1{background:#F7F8F9;}
    </style>
    </head>
    <body>
    <div style="width:771px">
    <b class="b1"></b><b class="b2 d1"></b><b class="b3 d1"></b><b class="b4 d1"></b>
    <div class="b d1">
    <font style="font-size:26px;color:red; margin:0px 10px;">简洁型css圆角矩形</font>
    </div>
    <b class="b4b d1"></b><b class="b3b d1"></b><b class="b2b d1"></b><b class="b1b"></b>
    </div>
    </body>
    </html>
      

  2.   

    默认当然是90度的直角。你要改成其它的，当然可以，但那是CSS的范畴了。
      

  3.   

    最好用图片 完全的css设置 没有必要
      

  4.   

    6楼说的有道理~其他用图片 和CSS设置 也差不了多少~ 如果你网站本身不是很大的话
      

  5.   

    另外 你要用CSS的话,还得考虑兼容的问题
      

  6.   

    顶部和底部用图片，中间部分用border-left:1px #ccc solid;border-right:1px #ccc solid;
      

  7.   

    <<精通CSS>>第三章有讲。。去看书吧