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

【網站經營】WordPress 4.0 讓網站擁有圖示
📆 2014-11-16
📁 網站技術, 架站程式, WordPress

無縮圖

CSS:開發:原件放大
📆 2013-01-01
📁 網站技術, CSS

無縮圖

CSS:模糊效果的美化邊框
📆 2013-01-01
📁 網站技術, CSS

無縮圖

PHP:瀏覽次數原碼
📆 2013-01-01
📁 網站技術, PHP

WordPress 網址異動，利用 SQL 指令快速更改
📆 2016-02-01
📁 網站技術, 資料庫, SQL, 架站程式, WordPress

instascan：純前端掃描 QR Code
📆 2019-09-26
📁 網站技術, JavaScript, jQuery

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

Node.js：jpg、jpeg、JPG、JPEG 通通不遺漏的進行壓縮（Gulp、mozjpeg 批次圖片壓縮 - 延伸篇）
📆 2019-09-30
📁 多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp