你的位置:首页 > 软件开发 > 网页设计 > 不使用border

不使用border

发布时间:2016-04-14 16:00:10
现在css3支持圆角矩形,但是为了兼容性问题,虽然比较麻烦,但还是有必要了解一下以下方法。在一个div内,包含8个div,控制这个8个div的height、margin以及border属性值,以达到圆角矩形效果,不过要注意div的顺序。 html代码:<body> ...

现在css3支持圆角矩形,但是为了兼容性问题,虽然比较麻烦,但还是有必要了解一下以下方法。

在一个div内,包含8个div,控制这个8个div的height、margin以及border属性值,以达到圆角矩形效果,不过要注意div的顺序。

 

html代码:

<body> <div class="bor">  <div class="b1"></div>  <div class="b2"></div>  <div class="b3"></div>  <div class="b4"></div> </div> <div class="mid">  <p>不使用border-radius的情况下实现一个可复用的高度和宽度都自适应的圆角矩形</p> </div> <div class="bor">  <div class="b4"></div>  <div class="b3"></div>  <div class="b2"></div>  <div class="b1"></div> </div></body>

原标题:不使用border

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录