CSS可用于美化網(wǎng)頁(yè)的各種元素，包括文本和圖片。在這篇文章中，我們將探討如何在文本圖片兩側(cè)添加特效。

/* 在圖片兩側(cè)添加文字 */
img {
float: left; /* 將圖片向左浮動(dòng) */ 
width: 50%; /* 圖片寬度，可根據(jù)實(shí)際情況調(diào)整 */
margin-right: 20px; /* 圖片和文字間隔 */
}
p {
text-align: justify; /* 文本兩端對(duì)齊 */
}
/* 在文字兩側(cè)添加圖片 */
p {
position: relative; /* 將p標(biāo)簽設(shè)為相對(duì)定位 */
padding-left: 50px; /* 文字左側(cè)留出圖片空間 */
}
span {
display: block; /* 將圖片設(shè)為塊級(jí)元素 */
position: absolute; /* 圖片絕對(duì)定位 */
left: 0; /* 圖片在文字左側(cè) */
top: 0; /* 圖片在文本的第一行 */
width: 40px; /* 圖片寬度，根據(jù)實(shí)際情況調(diào)整 */
height: 40px; /* 圖片高度，根據(jù)實(shí)際情況調(diào)整 */
background-image: url('image.png'); /* 圖片路徑 */
background-size: contain; /* 圖片適應(yīng)DIV大小 */
background-repeat: no-repeat; /* 不重復(fù)顯示圖片 */
margin-top: 5px; /* 改變圖片和文字之間的空隙 */
}

以上是在文本和圖片兩側(cè)添加特效的CSS樣式代碼。使用這些代碼，我們可以輕松地創(chuàng)建精美的網(wǎng)頁(yè)！