CSS是網頁開發中不可或缺的一部分，它能夠美化網頁、增強交互性。而在CSS中，LOGO的制作十分重要，可以為品牌建立形象，增強品牌的記憶度。

在LOGO的制作中，需要考慮到一些因素。其中之一就是DPI，它是指每英寸點數（Dots per inch）。DPI的數值越高，圖像越清晰、細膩。

當制作LOGO時，我們需要將其保存成適當的DPI。通常來說，LOGO需要保存成300dpi以上的分辨率才能保證其質量。這樣做既能夠保持LOGO的高清晰度，又不會影響網頁的加載速度。

.logo{
background: url("logo.png") no-repeat center center;
background-size: contain;
height: 100px;
width: 200px;
}

在CSS中，我們可以使用background屬性來設置LOGO。這里我們將LOGO設置為背景，使用no-repeat參數可以避免LOGO圖片重復出現，center center則是將LOGO居中顯示。 background-size: contain可以保證LOGO以適當的比例出現，同時height和width可以控制LOGO的大小。

因此，DPI在LOGO制作中起到重要的作用，我們需要根據實際情況制定適當的DPI，使LOGO具有更好的視覺效果，為網站增色添彩。