前端css 刻出 logo 改寫

CSS 可以用來創建各種風格的 logo。以下是一個簡單的例子，展示如何使用 CSS 創建一個帶有文字的圓形 logo：

HTML：

<div class="logo">
  <span>MyLogo</span>
</div>

CSS：

/* Logo 樣式 */
.logo {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #3498db;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: Arial, sans-serif;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

/* Logo 文字樣式 */
.logo span {
  font-size: 24px;
}

這個例子創建了一個藍色圓形的 logo，文字內容為 "MyLogo"。你可以根據需要調整寬度、高度、顏色、字型等屬性，使其適應你的項目需求。