大家好，我是考100分的小小码 ，祝大家学习进步，加薪顺利呀。今天说一说css 梯形div_css怎么给div加边框,希望您对编程的造诣更进一步.
实现梯形，备忘
css：
div {
position: relative;
display: inline-block;
padding: 0.5em 0.5em 0.35em;
color: white;
transform: rotateZ(330deg);
}
div::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background: #58a;
transform: perspective(0.5em) rotateX(-5deg);
background: -webkit-gradient(
linear,
0 0,
0 bottom,
from(#7abeec),
to(#56abe4)
);
}
html：
<div></div>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
转载请注明出处: https://daima100.com/13689.html
