使用css创建一个优惠券的方法

制作半圆

核心是制作半圆(只有轮廓)

<div class="circle"></div>
// 上半圆
.circle{
width: 200px;
height: 100px; /* 宽度的一半 */
border-radius:100px 100px 0 0; /* 上和右为高度的长度 */
background-color: #fff;
border: 1px solid gray;
border-bottom: none;
}
// 下半圆
.circle{
width: 200px;
height: 100px; /* 宽度的一半 */
border-radius: 0 0 100px 100px; /* 上和右为高度的长度 */
background-color: #fff;
border: 1px solid gray;
border-bottom: none;
}

总结

以上所述是小编给大家介绍的使用css创建一个优惠券的方法,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对软件开发网网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！