18910140161

Html

首页 >> 前端开发 >> Html

如何在HTML和CSS中裁剪调整大小的图像？

顺晟科技

2021-07-23 10:51:24

122

我正在尝试用CSS和HTML调整图像的大小-这是我当前用于将图像调整到所需大小的CSS代码:

.resize-image {
    border:1px solid #021a40;
    display: block;
    width: auto;
    max-width: ;
    max-height: 1442px;
}

使用该CSS，我如何裁剪任何图像，以便只显示图像的前250 px或20%等？我的意思是:

带箭头的区域是我要移除的部分--我只想保留图片的前四分之一。如何在CSS或HTML中实现这一点？

顺晟科技：

您需要应用overflow:hidden:

.resize-image { border:1px solid #021a40; display: block; width: auto; max-width: ; max-height: 1442px; overflow:hidden; }
  • TAG：
上一篇：【动画取乐】HTML CSS自定义加 下一篇：设置webpack.config.j
相关文章
推荐阅读
随机推荐
我们已经准备好了，你呢？
获取网站建设报价
2024我们与您携手共赢，为您的企业形象保驾护航！