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

SourceTree：免費的圖像化 Git 版本管理客戶端
📆 2019-10-18
📁 軟體介紹, 網站技術, 程式設計

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

取得 WordPress Popular Posts REST API 熱門文章資訊至任何網頁 (AJAX 取得 JSON)
📆 2020-01-25
📁 網站技術, HTML, JavaScript, jQuery, 架站程式, WordPress

paroller.js：視差滾動 jQuery 插件、簡單快速製作視差效果！
📆 2019-01-28
📁 網站技術, HTML, JavaScript, jQuery

CSS backdrop-filter 原生背景毛玻璃
📆 2020-08-26
📁 網站技術, CSS

HTML <datalist> 輸入欄位可自動補字之下拉選單
📆 2021-10-08
📁 網站技術, HTML

Node.js：Gulp 套件協助將 JavaScript 合併、壓縮與命名，將 JS 封裝吧！
📆 2019-04-02
📁 網站技術, JavaScript, Node.js, Gulp

JSP：XY的加減乘除，自訂函數、宣告變數
📆 2019-04-04
📁 網站技術, HTML, JSP