CSS实现底部弧度效果--卡片样式

html-css084

CSS实现底部弧度效果--卡片样式,第1张

使用了 CSS 的一些属性:

:after 伪类

position 定位

border-radius 圆角边框

linear-gradient 背景颜色渐变

display: flex flex 布局

box-shadow 盒子阴影

有四种方法可以实现圆角。

第一、直接写CSS代码:border-radius

第二、四个圆角贴图;制作四个圆角的图片,然后用css定义

第三、直接制作整个圆角矩形背景

第四、定义12个背景色:左上角4个,右上角4个,右下角4个,左下角4个。