没有边界圆角的圆角边框

我正在开发一个网站，使用HTML4,CSS2。所以我不能使用border-radius属性。如何创建<div>或<table>什么是圆角边框？没有边界圆角的圆角边框

预先感谢您。

2017-07-03 LSH

使用'svg'用'object'标签＆那除了使用圆形形状的图像的唯一解决方案。否则使用'css3 polyfill'并使用'border-radius'。 – Priya

这应该回答你的问题 - > https：// stackoverflow。com/q/6058075/8161432 –

您可以将'div'设为具有圆角的'background-image'。 – Toastrackenigma

发现有关的东西。参考 - LINK

.b1, 
 
.b2, 
 
.b3, 
 
.b4 { 
 
    font-size: 1px; 
 
    overflow: hidden; 
 
    display: block; 
 
} 
 

 
.b1 { 
 
    height: 1px; 
 
    background: #888; 
 
    margin: 0 5px; 
 
} 
 

 
.b2 { 
 
    height: 1px; 
 
    border-right: 2px solid #888; 
 
    border-left: 2px solid #888; 
 
    margin: 0 3px; 
 
} 
 

 
.b3 { 
 
    height: 1px; 
 
    border-right: 1px solid #888; 
 
    border-left: 1px solid #888; 
 
    margin: 0 2px; 
 
} 
 

 
.b4 { 
 
    height: 2px; 
 
    border-right: 1px solid #888; 
 
    border-left: 1px solid #888; 
 
    margin: 0 1px; 
 
} 
 

 
.contentb { 
 
    border-right: 1px solid #888; 
 
    border-left: 1px solid #888; 
 
} 
 

 
.contentb div { 
 
    margin-left: 5px; 
 
}

<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b> 
 
<div class="contentb"> 
 
    <div>Round Border!!</div> 
 
</div> 
 
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>

来源

2017-07-03 03:57:01 Hash

//意识到你正在使用CSS2

/*Your Id/class*/ 
div { 
    border: 2px solid black; 
    border-radius: 25px 50px 10px 23px; 
}

使用边界：首先创建边界，然后使用边界半径指定半径。

您可以输入多个值来指定每条边。值的模式是： 左上右上左下右下

您也只能指定一个两个或三个值。这里是图案：

四个值：第一值适用于左上方，第二值适用于右上方，第三值适用于右下，和第四值适用于左下角
三个值：第一值适用于左上方，第二值适用于右上和左下，和第三值适用于右下
两个值：第一个值适用于左上角和右下角，而第二个值适用于右上和左下角
一个价值：所有四个边角均同样圆润

来源

2017-07-03 03:02:50 Theerockzz

他说他不能使用CSS3或border-radius。 – Rob

如何删除评论 – Theerockzz

如果你想删除你所做的评论，它的右侧会有一个'x'。 – Rob

我能想到的唯一的办法就是一些svg哈克方法，例如：

<svg width="500" height="400"> 
 
    <path d="M50,25 h300 a20,20 0 0 1 20,20 v200 a20,20 0 0 1 -20,20 h-300 a20,20 0 0 1 -20,-20 v-200 a20,20 0 0 1 20,-20 z" fill="none" stroke="#0089cc" stroke-width="2" /> 
 
</svg>

或者您可以在Photoshop/GIMP中创建具有圆边的边框的透明图像。然后，您可以将CSS background-image文件路径URL用于任何想要定位的div。

来源

2017-07-03 03:26:56 jswebb

#header { 
 
      float: left; 
 
      width: 100%; 
 
      font-size: 93%; 
 
      line-height: normal; 
 
     } 
 
     
 
     #header ul { 
 
      margin: 0; 
 
      padding: 0; 
 
      list-style: none; 
 
     } 
 
     
 
     #header li { 
 
      float: left; 
 
      background: url("https://image.ibb.co/kPAMhv/norm_right.gif") no-repeat right top; 
 
      margin: 0; 
 
      padding: 0; 
 
     } 
 
     
 
     #header a { 
 
      display: block; 
 
      background: url("https://image.ibb.co/f01GFF/norm_left.gif") no-repeat left top; 
 
      padding: 5px 15px; 
 
     }

<div id="header"> 
 
     <ul> 
 
      <li><a href="#">Link1</a></li> 
 
      <li><a href="#">Link2</a></li> 
 
      <li><a href="#">Link3</a></li> 
 
     </ul> 
 
    </div>

来源

2017-07-03 04:36:45

没有边界圆角的圆角边框

回答

相关问题