首页 > 其他 > 详细

012让相片变成圆角

时间:2021-08-13 23:12:17      阅读:24      评论:0      收藏:0      [点我收藏+]

代码:

<!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让相片变成圆角

原文:https://www.cnblogs.com/LLL0617/p/15138751.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!