大佬教程收集整理的这篇文章主要介绍了html – 用CSS做这个吗?,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有一个很好的方法来使用HTML / CSS?基本上是一个div,边缘有一个“凹凸”的圆圈.这部分很容易使用伪类,但我的问题是使投影将其视为形状的一部分.
当我分别对圆圈应用阴影时,它不能可靠地工作.我知道有办法做到这一点..但我不确定浏览器的支持是什么.
你们建议什么是解决这个问题的最佳方法?谢谢!
> IE中低于9的支持不佳
>不像素完美,因为一些盒阴影重叠
>容器必须有位置:相对(或绝对)
CSS:
div {
margin: 100px;
width: 100px;
height: 100px;
box-shadow: 0 0 10px black;
border-radius: 10px;
position: relative;
}
div:before {
display: block;
content: "";
width: 40px;
height: 40px;
position: absolute;
left: -20px;
top: 30px;
border-radius: 20px;
box-shadow: 0 0 10px black;
clip: rect(-10px,20px,50px,-10px);
}
以上是大佬教程为你收集整理的html – 用CSS做这个吗?全部内容,希望文章能够帮你解决html – 用CSS做这个吗?所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。