CSS3 提供了一個非常強大的功能，即可以用 CSS 樣式來包圍文字。這種文字包圍效果在網頁設計中非常常見，可以讓網頁看起來更加美觀和有趣。

.wrap {
width: 500px;
height: 500px;
background-color: #fff;
border: 1px solid #ccc;
padding:20px;
}
.shape {
width: 300px;
height: 200px;
background-color: #f5f5f5;
border-radius: 100%;
transform: rotate(45deg);
position: relative;
left: 60px;
top: 0;
overflow: hidden;
}
.shape p {
position: absolute;
top: 50%;
right: 0;
left: 0;
text-align: center;
transform: translateY(-50%);
font-size: 24px;
font-weight: bold;
color: #333;
}

上面這段 CSS 代碼是一個簡單的文字包圍示例。首先，我們在一個名為“wrap”的 div 容器中創建了一個名為“shape”的 div，這個 div 就是我們要把文字圍繞在其周圍的形狀。我們使用了 CSS3 的“border-radius”屬性來將其變成一個圓形，并使用“transform: rotate()”旋轉了它。注意，我們還將其“position”設置為“relative”，以方便在后面使用 absolute 定位。

接下來，我們在“shape”中創建了一個p標簽，其中包含我們要顯示的文字。我們將其“position”設置為“absolute”，使其相對于“shape”定位，然后通過“top: 50%”和“transform: translateY(-50%)”，將其垂直居中。我們將其“left”和“right”屬性都設置為“0”，使其水平居中。最后，我們為其設置了一些樣式，如字體大小、顏色和粗細等。

最終的效果是，我們的文字被包圍在一個圓形的形狀中，看起來非常有趣和吸引人。當然，CSS3 文字包圍效果還有很多種，可以根據自己的需求進行選擇和應用。