012让相片变成圆角

代码：

<!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;*/
}

 

运行结果：

 

 

 

 

posted @ 2021-08-13 18:43  李林林  阅读(35)  评论(0)  编辑  收藏  举报