很多網站都會在頂部的位置放置它們的Logo，來讓訪問者更方便地識別并了解網站。在這里我們將介紹如何用CSS來寫入Logo圖片。

首先，我們需要在HTML文件中添加一個標簽來在網頁中展示我們的Logo圖片，如下所示：

<img src="logo.jpg" alt="My Website Logo">

接著，在CSS中，我們需要給標簽添加一個class，然后給它一個寬度和高度，這樣它才能正確地顯示Logo圖片的尺寸。代碼如下：

img.logo {
width: 100px;
height: 50px;
}

現在，我們的標簽已經有了一個class，我們可以在CSS中添加更多的樣式來自定義Logo的顏色、大小等。例如，我們可以設置Logo的背景色和邊框樣式：

img.logo {
width: 100px;
height: 50px;
background-color: #ffffff;
border: 1px solid #000000;
}

最后，我們可以使用CSS中的background-image屬性來將Logo圖片添加到標簽中。注意，我們需要將標簽中的src屬性清除，我們也可以使用alt屬性來添加一個圖片占位符。代碼如下:

img.logo {
width: 100px;
height: 50px;
background-image: url('logo.jpg');
background-repeat: no-repeat;
background-position: center center;
}
img.logo-alt {
width: 100px;
height: 50px;
background-color: #ffffff;
border: 1px solid #000000;
background-image: url('placeholder.jpg');
background-repeat: no-repeat;
background-position: center center;
}

現在，我們可以在任何頁面使用標簽來展示我們的Logo了。這就是在CSS中如何寫入Logo圖片的方法。