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

React 初嘗試：不使用 npm、Babel 和 webpack 的 HELLO 頁面
📆 2019-07-13
📁 網站技術, HTML, JavaScript, React

【網站架設】MediaWiki:架設屬於自己的Wiki維基百科
📆 2015-08-27
📁 網站技術, 架站程式

無縮圖

【技巧】網站設計三大原則:簡單、實用、美觀
📆 2013-01-01
📁 網站技術

自動隱藏且可直接使用的網頁回頂部按鈕
📆 2021-11-30
📁 網站技術, HTML, CSS, JavaScript, jQuery

無縮圖

CSS:CSS總介紹
📆 2013-01-01
📁 網站技術, CSS

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

HTML Image Map 影像地圖 jQuery 推薦插件：maphilight (加強特效)、rwdImageMaps (支援RWD)
📆 2018-11-01
📁 網站技術, HTML, JavaScript, jQuery

jQuery：replace 字串取代示範、如何取代所有符合的字串？
📆 2022-02-11
📁 網站技術, JavaScript, jQuery