JSFiddle Demo
body { background-color: black; padding:50px; } .square { background-color: white; margin-bottom: 20px; height: 200px; wIDth: 200px; overflow: hIDden; } .halfSquare { background-color: #462a04; height: 100px; wIDth: 200px; } .circle { background-color: white; height: 200px; wIDth: 200px; border-radius: 50%; overflow: hIDden; } .halfCircle { background-color: #462a04; height: 100px; wIDth: 200px; } <body> <div ><div ></div></div> <div ><div ></div></div> </body>解决方法 你看到了这个,因为包含div .circle有一个白色背景,正在泄漏.您可以通过删除包含div上的背景并为白色半圆添加第二个div来解决此问题：
<div ><div ></div></div><div > <div ></div> <div ></div></div>.circle { height: 200px; wIDth: 200px; border-radius: 50%; overflow: hIDden;}.halfCircle { background-color: #462a04; height: 100px; wIDth: 200px;}.halfCircle2 { background-color: white; height: 100px; wIDth: 200px;} https://jsfiddle.net/v9bLfkpx/1/
之前：
后：
总结以上是内存溢出为你收集整理的HTML – 如何摆脱这个圆圈上半部分的白色轮廓？全部内容，希望文章能够帮你解决HTML – 如何摆脱这个圆圈上半部分的白色轮廓？所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）