CSS中可以使用shape-outside屬性來(lái)顯示不規(guī)則的圖片，該屬性可以定義一個(gè)形狀，該形狀可以是多邊形、圓形、橢圓形等，用于裁剪圖片，使其形狀與定義的形狀相匹配。

可以使用shape-outside屬性來(lái)定義一個(gè)多邊形，該多邊形由多個(gè)點(diǎn)組成，這些點(diǎn)可以是不規(guī)則的，從而實(shí)現(xiàn)對(duì)圖片的不規(guī)則裁剪，具體實(shí)現(xiàn)方式如下：

1、定義一個(gè)多邊形，可以使用polygon()函數(shù)來(lái)實(shí)現(xiàn)，

shape-outside: polygon(50% 0%, 100% 50%, 0% 100%, 50% 50%);

該多邊形由四個(gè)點(diǎn)組成，分別是(50%, 0%)、(100%, 50%)、(0%, 100%)和(50%, 50%)。

2、將圖片設(shè)置為該多邊形的背景圖片，可以使用background-image屬性來(lái)實(shí)現(xiàn)：

background-image: url('image.png');

image.png是圖片的文件路徑。

3、設(shè)置shape-outside屬性的值為定義的多邊形：

shape-outside: polygon(50% 0%, 100% 50%, 0% 100%, 50% 50%);

這樣，圖片就會(huì)根據(jù)定義的多邊形進(jìn)行裁剪，從而實(shí)現(xiàn)不規(guī)則圖片的顯示。

需要注意的是，shape-outside屬性僅適用于CSS3中的float布局和position: relative或position: absolute的元素，由于該屬性是實(shí)驗(yàn)性的，因此在使用時(shí)需要注意兼容性和性能問(wèn)題。