<div class="border"></div>
<style>
.border {
width:100px;
height:50px;
background: linear-gradient(to left, #2CD5FF, #2CD5FF) left top no-repeat,
linear-gradient(to bottom, #2CD5FF, #2CD5FF) left top no-repeat,
linear-gradient(to left, #2CD5FF, #2CD5FF) right top no-repeat,
linear-gradient(to bottom, #2CD5FF, #2CD5FF) right top no-repeat,
linear-gradient(to left, #2CD5FF, #2CD5FF) left bottom no-repeat,
linear-gradient(to bottom, #2CD5FF, #2CD5FF) left bottom no-repeat,
linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat,
linear-gradient(to left, #2CD5FF, #2CD5FF) right bottom no-repeat;
background-size: 1px 8px, 8px 1px, 1px 8px, 8px 1px;
border: 1px solid #073F97;
position: relative;
box-shadow: inset 0px 0px 18px 0px #0048C3;
}
</style>
css带角边框制作
最新推荐文章于 2024-03-04 02:57:19 发布