HTML Logo 實例代碼
在現代 Web 設計中，Logo 經常被視為品牌標識和形象識別的重要組成部分。我們可以使用 HTML 和 CSS 創作一些令人印象深刻的 Logo，從而增加網站的獨特性和記憶性。
以下是一個簡單的 HTML Logo 實例代碼：
<!DOCTYPE html>
<html>
<head>
<title>My Logo</title>
<style>
#logo {
width: 100px;
height: 100px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
color: #333;
line-height: 100px;
}
</style>
</head>
<body>
<div id="logo">L</div>
</body>
</html>該段代碼創建了一個簡單的圓形 Logo，大小為 100x100 像素。它具有白色背景，黑色陰影，大寫字母 “L” 作為標志，并在中心垂直和水平方向上居中對齊。
這里我們使用 CSS 的圓角屬性來創建 Logo 的圓形樣式。我們還使用了盒子陰影效果讓 Logo 看起來更加立體和有深度感。同時，我們使用了 text-align 屬性將文本在 Logo 中心對齊。
總的來說，HTML Logo 實例代碼是一個簡單的示例，可以通過修改 CSS 來創建更多獨特的 Logo。
上一篇css 選中虛線