css3画圆/椭圆

border-radius取长宽的一半

div
{
height: 100px;
width: 100px;
border-radius: 50px;
background: blue;
}

椭圆

只要长宽不相等

div
{
height: 100px;
width: 100px;
border-radius: 50px;
padding:10px 50px;
background: blue;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS3里border边框属性做了大幅扩展,广受欢迎的就是border-image和border-radius。本...
    张歆琳阅读 4,235评论 3 20
  • 各种纯css图标 CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比...
    剑残阅读 10,006评论 0 8
  • 转载请标明出处:http://www.aiuxian.com/article/p-1982467.html 接下来...
    lucky_yaya阅读 7,057评论 3 9
  • 梦魇再深也终会醒 而现实生活不会醒 恰好相反 醒着就是沉睡 彻底沉睡才会醒 ​​​ 浮生若梦 美也似梦 噩也似梦 ​​​
    米酒姑娘阅读 321评论 0 3
  • 姐姐家的两个小孩儿来家玩,电视机将永远是放不完的《汪汪队》(老大的喜好)和《熊出没》(老二的钟情剧)。 每到动画开...
    柚子专篮阅读 264评论 0 0

友情链接更多精彩内容