這是基本的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>

JavaScript：將 HTML 網頁上的區塊轉換成 JPG 圖檔
📆 2020-05-16
📁 網站技術, HTML, JavaScript

【網站設計】jQuery NailThumb 創立高解析縮圖
📆 2015-06-24
📁 網站技術, jQuery

HeidiSQL：遠端連線虛擬主機 MySQL 以備份資料庫為 SQL 檔
📆 2022-09-11
📁 軟體應用, 網站技術, 伺服器, 資料庫, SQL

FUXA：設定登入密碼教學（完整安全管理步驟與圖解指南）
📆 2025-09-19
📁 網站技術, 伺服器, 物聯網, Node.js

Live Server（Visual Studio Code 擴充功能）：編輯器內即時更新的本機伺服器
📆 2019-08-19
📁 軟體應用, 網站技術

【貼圖】網路與伺服器（Network and Server）
📆 2025-04-22
📁 網路應用, 網站技術, 伺服器, 資料庫, 人工智慧, AI繪圖

Git 版本控制：建立與初始化本地倉庫、暫存與認可變更（使用 VS Code）
📆 2019-09-18
📁 軟體應用, 網站技術, 程式設計

PHP：尋找 php.ini 路徑及 php.ini-development 與 php.ini-production 是什麼？
📆 2021-10-21
📁 網站技術, 伺服器, PHP