這是基本的CSS寫法~歡迎參考!
↓範例(游標移到上面試試)
測試
~完整語法~
一、CSS部分
<style>
.mnya027 {
font:12px Tahoma,'Microsoft Yahei','mingliu';
background:rgba(102, 255, 255, 0.6);
padding: 3px;
border-radius: 5px;
-moz-border-radius: 5px;
height:30px;
width:50px;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.mnya027:hover {
width:200px;
}
</style>
二、HTML部分
<div class="mnya027">測試</div>

Highlight Matching Tag（Visual Studio Code 擴充功能）：HTML 開始與結束標籤強調與標示
📆 2020-03-02
📁 軟體應用, 網站技術, HTML

CSS3「box-sizing: border-box; 」讓內距和邊框不改變元素的寬度與高度
📆 2018-09-22
📁 網站技術, CSS

Caddy Server：快速建置一個擁有 HTTPS 的 localhost 網頁伺服器（Windows 環境）
📆 2025-01-21
📁 軟體介紹, 軟體應用, 網站技術, 伺服器

Twemoji：網頁原生表情貼完美替換成 Twitter 表情貼示範
📆 2019-06-28
📁 網站技術, HTML, CSS, JavaScript, jQuery

phpfmt（Visual Studio Code 擴充功能）：PHP 格式化／自動美化工具
📆 2019-06-15
📁 軟體應用, 網站技術, PHP

jQuery.qrcode：純前端生成 QR Code
📆 2019-09-25
📁 網站技術, JavaScript, jQuery

YOURLS:建立自己的短網址系統
📆 2016-02-27
📁 網站技術, 架站程式

CSS：全新 text-autospace 混排自動間距
📆 2025-07-15
📁 網站技術, 資訊新聞, CSS