在現代Web設計中，不規則的圖片或文本布局是非常常見的。要實現這樣的效果，經常會使用CSS的一些特殊技巧。在這篇文章中，我們會探討一些在文字圍繞不規則圖片周圍使用CSS的技術。

首先，我們需要使用CSS來定義我們的不規則圖片。我們可以使用一個div元素，設置其背景圖像為我們想要的形狀。然后，我們可以使用CSS屬性，如border-radius（圓角）、transform（旋轉和扭曲）來進一步調整圖像的形狀。

.irregular-image {
background-image: url('irregular-shape.png');
border-radius: 50% / 10% 10% 50% 50%;
transform: rotate(15deg);
}

接下來，我們需要更新我們的HTML，將文本放在一個包含在一起的div標簽中。這個div應該是相對于我們的不規則圖片進行定位的，并包含如下的樣式屬性。

.text-wrapper {
position: relative;
margin-left: 10px;
width: 50%;
}

然后，我們可以使用CSS的shape-outside屬性來告訴瀏覽器文字應該如何排列。我們可以使用CSS的路徑函數，以像素為單位創建一個不規則形狀。我們還可以使用CSS的inset函數，以百分比值的方式創建矩形形狀。

.text-wrapper p {
shape-outside: polygon(0 0, 100% 0, 100% 100px, 0 200px);
}

最后，我們還可以使用CSS的clip-path屬性來修剪超出不規則形狀的文本。clip-path可以接受多種參數類型，包括SVG路徑和CSS形狀函數。我們可以使用一個圓形clip-path，將文本限制在不規則形狀內。

.text-wrapper p {
clip-path: circle(75px at center);
}

總的來說，通過使用CSS的一些特殊技巧，我們可以使文字圍繞不規則圖片進行排列布局。在實際應用中，響應式設計和跨瀏覽器兼容性是需要考慮的重要問題。但是，這些方法可以作為使用CSS進行不規則布局的基礎。