CSS 中使用 "u" 圖片實(shí)現(xiàn)靈活排版和美化網(wǎng)頁(yè)，為了方便控制和修改，經(jīng)常使用 CSS 設(shè)置 "u" 圖片。

.u-icon {
display: inline-block; /* 行內(nèi)塊級(jí)元素 */
width: 14px; /* 圖片寬度 */
height: 14px; /* 圖片高度 */
vertical-align: middle; /* 圖片垂直居中 */
background: url('/path/to/u-image.png') no-repeat; /* 圖片地址和樣式 */
background-size: contain; /* 圖片自適應(yīng)比例 */
}

通過(guò)上面的代碼，我們可以使用 class="u-icon" 來(lái)調(diào)用 CSS 版本的 "u" 圖片，樣式也非常簡(jiǎn)單。

需要注意的是，如果 u 圖片的樣式比較多或者比較復(fù)雜，可以使用偽元素來(lái)控制，例如:

.u-icon::before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
background: url('/path/to/u-image.png') no-repeat;
background-size: contain;
margin-right: 4px;
transform: rotate(45deg);
}

在使用偽元素時(shí)，需要正確設(shè)置 content 屬性的值，并使用 transform 旋轉(zhuǎn)來(lái)實(shí)現(xiàn)更復(fù)雜的樣式效果。

總之，設(shè)置 u 圖片的方式非常靈活，應(yīng)該根據(jù)具體情況來(lái)選擇使用。