css怎样把一张图片分割开(2)-木庄网络博客

2022-03-19 09:06:53 PHP中文网 JavaScript 百度已收录

y2 = 定位的 y 坐标（垂直方向）的终点

x1 = 定位的 x 坐标（垂直方向）的起点

x2 = 定位的 x 坐标（垂直方向）的终点

注意：坐标的起点是在左上角

代码如下：

    img{
        position:absolute;
        clip:rect(20px ,100px , 50px , 20px);
}

3.webp.jpg

在实际操作过程中，发现两个问题：1.rect方法里面需要带上逗号，2.必须要带上position，并且需要是绝对定位，也就是absolute 或者 fixed属性。

更多编程相关知识，请访问：编程视频！！

以上就是css怎样把一张图片分割开的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者