本教程操作环境：windows10系统、HTML5&&css3版、DELL G3电脑css怎么实现div缺一个角?css实现缺少一角的div先建一个div，设置宽高背景色后，给需要删除一角的div增加一个伪类，将伪类设置成跟
本教程操作环境：windows10系统、HTML5&&css3版、DELL G3电脑
css怎么实现div缺一个角?
css实现缺少一角的div
先建一个div，设置宽高背景色后，给需要删除一角的div增加一个伪类，将伪类设置成跟背景色一样的颜色，然后旋转45度，开启定位，定位到需要去除的那个角就完成了（其实是只是将那个角盖住而已）
<body>
<div class="box"></div>
</body>.box {
position: relative;
width: 200px;
height: 200px;
background-image: linear-gradient(90deg, #333333, #666666, #999999);
overflow: hidden;
&::before {
position: absolute;
content: "";
width: 100px;
height: 100px;
right: -50px;
top: -50px;
z-index: 100;
background-color: #ffffff;
transfORM: rotateZ(45deg);
}
}效果图：
--结束END--
本文标题: css怎么实现div缺一个角
本文链接: https://lsjlt.com/news/206902.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2023-05-25
2023-05-25
2023-05-25
2023-05-25
2023-05-25
2023-05-24
2023-05-24
2023-05-24
2023-05-24
2023-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0