圆形边框，无边框半径 [英] Rounded border without border-radius

问题描述

我正在使用HTML4，CSS2开发网站. 所以我不能使用border-radius属性. 如何创建<div>或<table>具有圆角边框的东西?

I'm developing a website using with HTML4, CSS2. so I can't use border-radius property. How can I create <div> or <table> what has rounded border?

先谢谢您.

推荐答案

找到了相关内容.参考- LINK

Found something related. Reference - 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>

这篇关于圆形边框，无边框半径的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！