每天一张CSS-优惠卡优惠券效果预览地址效果图问题：圆角好画，没有圆角怎么画？第一步思路：填充卡片的背景色，方便调试。【OK】第二步：区分元素，按照上中下的顺序排序堆叠。【OK】第三步：画圆角，这也是很重要的一步。[？】知识点背景：radial-gradient是绘制圆角的重要知识点，背景色为径向渐变。实现idea的源码地址在水平方向卡片中，右上角和右下角不做圆角创建圆，在正方形上使用镜像渐变创建圆。位置调整，调整圆的位置，将圆的中点调整到正方形的角上，形成一个凹圆角。背景：径向渐变（右上角的圆圈，透明5px，#44C9A10）；绘制第二个圆，调整位置，背景：radial-gradient(circleatrightbottom,transparent5px,#44C9A10);得不到想要的效果。分析原因：背景属性，默认大小100%重复展开，导致重叠。设置背景：background:no-repeat;background-size:100%50%（水平方向+垂直方向），（这里垂直方向设置50%，因为缺角要设置在右上和右下方向）。设置完成后，发现无法得到效果。最后发现忽略了一个重要的东西，就是后台扩展的方向。因为它是垂直的，所以应该是从右上到左下，从右下到左上。所以修改为背景：radial-gradient(circleatbottomright,transparent5px,#44C9A10)bottomright;参数说明radial-gradient(circleatbottomright,transparent5px,#44C9A10)bottomrightcircle:circle.在：位于。bottomright：右下角（可以用%、px等单位的值表示）transparent：圆的背景颜色以父元素为准。5px：圆的半径。44c9A1：正方形背景颜色0：径向渐变程度，值为0时无渐变。当该值大于0时，从圆心到正方形的径向渐变。bottomright：表示方形背景的起始位置。filter:drop-shadow会根据图片的形状（不限于图片，三角形也可以）将图片投射到图片后面，即当背景透明时，阴影会根据图片的轮廓投射图片。效果地址效果图：box-shadow和boxShadow的区别是投影元素边界的轮廓。浏览器支持最新版本的Chrome、FirFox和EDge，与IE无关。
