CSS实现图片上下拉伸技巧

css中可以借助 scaley() 函数对图片进行垂直方向的拉伸，下面通过具体步骤演示如何实现图片的上下拉伸效果。

1、 新建一个名为 test.html 的 HTML 文件，用于实践 CSS 图片垂直拉伸操作。

2、 在 test.html 中使用 <img alt="CSS实现图片上下拉伸技巧" > 标签引入一张本地图片。

立即学习“前端免费学习笔记（深入）”；

3、 为该 <img alt="CSS实现图片上下拉伸技巧" > 标签添加 class="three"，便于后续通过类名控制样式。

4、 在 <style></style> 标签或外部 CSS 文件中，针对 .three 类编写样式规则，定义基础显示行为。

标签： css html 浏览器