css利用border

您所在的位置:网站首页 css倒圆角怎么做 css利用border

css利用border

#css利用border| 来源: 网络整理| 查看: 265

    本文介绍如何使用 CSS 设置背景(或背景图片)为圆角。

    实现的原理是创建一个div,然后设置div的边框属性border-radius为50%,既可以实现。

    示例、创建圆角div:

                             设置背景圆角              /*正常div*/         .box0 {             background-color: red;             width: 200px;             height: 200px;         }         /*圆角div*/         .box1 {             background-color: gold;             width: 200px;             height: 200px;             border-radius: 50%;         }     

    以上代码效果如下(黄色圆形即为实现的圆角):

    1-2011031554433R.png

    以上示例,设置的是背景色background-color,我们也可以将背景色修改为背景图片。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3