在CSS中，我們經(jīng)常需要調(diào)整圖片的位置和樣式。而其中一種技巧是在圖片前添加點，增加圖片的層次感和美觀度。下面將介紹如何在DW里實現(xiàn)這個效果。

img {
margin-left: 10px;
vertical-align: middle;
padding-right: 10px;
}
img:before {
content: '\00B7';
margin-right: 10px;
font-size: 20px;
}

如上代碼所示，我們首先為圖片添加左邊距和右側(cè)的padding，讓圖片先稍向右側(cè)移動一些。然后我們使用CSS偽元素:before來添加一個實心圓點。這里的content屬性設(shè)置為Unicode中的實心圓點編碼，也可以使用其他符號，如??等等。我們還為圓點設(shè)置了一定的右邊距和字體大小，以便與圖片對齊。

注意，此方法只適用于圖片左側(cè)無文字的情況。如果左側(cè)存在文字，點號可能會與文字重疊，影響閱讀體驗。此外，該方法也不能用于背景圖片的樣式設(shè)置。

總的來說，在DW里添加圖片前點號是一個簡單的CSS技巧，可以增強(qiáng)頁面的視覺效果和層次感。通過對CSS偽元素的靈活應(yīng)用，我們可以實現(xiàn)各種圖片樣式的創(chuàng)意和個性化。