千面狐~ 2022-09-13 21:03 采纳率: 100%
浏览 22
已结题

为什么加不上圆角边框

img

这张图只要红色框的部分 并且要加圆角边框

img

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    
    <style>
        .box{
            overflow: hidden;
        }
        .box1{
            border-radius: 7px;
            margin-left: 50px;
            margin-top: 120px;
            width: 180px;
            height: 100px;
            overflow: hidden;
        }
        div img{
            width: 100%;
            height: auto;
            transform: translateY(-50%);
        }
    </style>
</head>
<body>
    <div class="box">
        <div class="box1">
            <img src="./img/scenery.jpg" alt="">
        </div>
    </div>
</body>
</html>

但是写出来效果是 下面两个角没有圆角

用transform变形之后如何给四个角都能加上圆角呢

  • 写回答

1条回答

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 9月21日
      • 已采纳回答 9月13日
      • 创建了问题 9月13日

      悬赏问题

      • ¥15 模型导入SP后贴图纹理只有一个,拆了四张UV的,怎么解决?
      • ¥15 检索带order by 非常慢
      • ¥20 python 爬虫 token 加密方式
      • ¥20 IAR环境报错reading CPU status failed
      • ¥15 数组问题,刚学C语言
      • ¥20 Python如何读取指定播放设备的音频帧?
      • ¥15 用dnspy修改游戏数据报错
      • ¥15 关于unity打包成webgl后页面上不显示服务端接收到的数据的问题
      • ¥16 (大一)有偿 想学会 excel数据处理和分析🥹
      • ¥15 matlab导入工具箱提示:此类型的变量不支持使用点进行索引错误