CSS教程 clip属性的使用

2024-10-14 02:23:25

1、新建一个 clid.html 文件,如图所示:

CSS教程 clip属性的使用

2、输入HTML5的结构代码,将title标签里面的内容修改成:clip属性的使用,如图所示:

CSS教程 clip属性的使用

3、clip 属性的作用:剪裁绝对定位元素,取值如图所示:

CSS教程 clip属性的使用

4、使用img标签包含一个图片,如图所示:

CSS教程 clip属性的使用

5、使用clip属性对正方形进行裁剪,如图所示:

CSS教程 clip属性的使用

6、运行网页,可以看到图片被裁剪了,如图所示:

CSS教程 clip属性的使用
猜你喜欢