Version: Next

圆角边框与盒阴影

圆角边框

<style>
div{
width: 100px;
height: 100px;
border: 10px solid black;
border-radius: 10px;
}
</style>

一个参数:border-radius: 上下左右;

两个参数:border-radius: ↖和↘ ↗和↙;

image-20200506191428826

四个参数:border-radius: ↖ ↗ ↘ ↙; 顺时针一圈

image-20200506191451989

盒阴影

box-shadow: 10px 10px 100px pink;

水平便宜 垂直偏移 阴影半径 颜色

image-20200506191818515