012让相片变成圆角

2023-12-13 17:46:46

代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>让相片变成圆角</title>
        <link rel="stylesheet" href="../css/018.css">
    </head>
    <body>
        <img src="../../image/blank.jpg" alt="#">
    </body>
</html>

img{
    width: 100px;
    height: 100px;
    border-radius: 50px;/*元素添加圆角边框*/
    box-shadow: 10px 10px 100px yellow;/*格式：box-shadow: 10px 10px 5px #888888;*/
}

运行结果：

012让相片变成圆角