CSS是一種強大的樣式語言，它不僅可以控制網頁的顏色、字體、排版等方面，還可以用來制作網站的標志——Logo。下面我們來看看如何用CSS制作Logo。

/* 定義Logo的容器 */
.logo {
width: 150px;
height: 150px;
background-color: #fca311;
}
/* 繪制Logo */
.logo:before {
content: "";
display: block;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #fff;
position: absolute;
top: 15px;
left: 15px;
}
.logo:after {
content: "";
display: block;
width: 100px;
height: 20px;
background-color: #fff;
position: absolute;
top: 65px;
left: 25px;
transform: rotate(45deg);
}
/* 讓Logo居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
}

上面的代碼利用:before和:after偽元素來實現Logo的繪制。首先，定義一個容器.logo來包裹Logo，設置它的大小和背景顏色。然后，在容器里面用:before偽元素來繪制一個圓，在此基礎上再用:after偽元素來繪制一個矩形，并通過旋轉來使它成為一個斜著的矩形。最后，再用.container容器使Logo居中顯示。