在CSS中設(shè)置前面的圖標，可以通過使用偽元素（::before）或背景圖像（background-image）來實現(xiàn)。

使用偽元素（::before）

偽元素::before可以在元素的內(nèi)容前插入新內(nèi)容，這可以用來設(shè)置圖標，如果你想在段落（<p>）前設(shè)置一個圖標，可以這樣做：

p::before {
    content: url('path/to/your/icon.png');
}

這里，content屬性用來設(shè)置偽元素的內(nèi)容，url()函數(shù)用來指定圖標文件的路徑，注意，這種方法要求瀏覽器支持CSS偽元素。

使用背景圖像（background-image）

另一種設(shè)置圖標的方法是使用元素的背景圖像，你可以將圖標作為<div>元素的背景圖像：

div {
    background-image: url('path/to/your/icon.png');
}

這種方法會將圖標作為元素的背景，而不是在內(nèi)容前插入新內(nèi)容，如果你希望圖標與文本內(nèi)容緊密排列，這種方法可能更合適。

圖標大小和位置

無論你選擇哪種方法，都可以使用CSS的width、height、position等屬性來調(diào)整圖標的大小和位置，如果你想讓圖標位于文本的左上角，可以這樣做：

p::before {
    content: url('path/to/your/icon.png');
    position: absolute;
    top: 0;
    left: 0;
}

這里，position: absolute;將偽元素定位在***位置，top: 0; left: 0;將偽元素定位在元素的左上角。

瀏覽器兼容性

不同的瀏覽器對CSS的支持程度不同，為了確保你的圖標在所有瀏覽器中都能正確顯示，建議你在設(shè)置圖標時考慮瀏覽器兼容性，可以使用CSS Hack或特定瀏覽器的樣式表來增強兼容性。