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

Google Search Console 全新深入分析報表上線！網站流量與內容成效一目瞭然
📆 2025-07-14
📁 網路應用, 網站技術, 資訊新聞

Bracket Pair Colorizer（Visual Studio Code 擴充功能）：匹配括弧顏色標記、括弧內線條強調
📆 2019-02-11
📁 軟體應用, 網站技術

TWNIC DNS 設定檢測服務：檢查 DNS 是否正確設定
📆 2018-08-20
📁 網路應用, 網站技術, 架站資源

YouTube Subscribe Button 訂閱按鈕製作
📆 2016-11-23
📁 網路應用, 網站技術, 串流媒體

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

Cloudflare SSL Test：測試網站 SSL 是否正確
📆 2019-02-28
📁 網路應用, 網站技術

Prism：輕亮的程式語言標記 JS 插件、已用於數千個網站
📆 2019-01-28
📁 網站技術, HTML, CSS, JavaScript

HTML <a> download 屬性讓連結可直接執行下載
📆 2021-10-22
📁 網站技術, HTML