css利用border |
您所在的位置:网站首页 › css倒圆角怎么做 › css利用border |
本文介绍如何使用 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%; }以上代码效果如下(黄色圆形即为实现的圆角): 以上示例,设置的是背景色background-color,我们也可以将背景色修改为背景图片。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |