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

無縮圖

CSS:list-style-type屬性
📆 2014-01-29
📁 網站技術, CSS

Overlay Scrollbars：jQuery 自定義捲軸、可單純使用 JS，半透明且可自動隱藏
📆 2019-01-19
📁 網站技術, HTML, CSS, JavaScript, jQuery

PHP：運用 foreach 輸出一維及二維陣列所有的索引及其值
📆 2022-02-10
📁 網站技術, PHP

資料庫基本知識 & 筆記
📆 2019-04-10
📁 網站技術, 伺服器, 資料庫, 學業筆記, 學術詞彙, SQL

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

Brackets：佈景主題可更換軟體介面與原始碼顏色標記風格
📆 2018-09-21
📁 軟體應用, 網站技術

Java Server Pages (JSP)（Visual Studio Code 擴充功能）：讓 VSCode 支援 JSP
📆 2019-03-26
📁 軟體應用, 網站技術, JSP

Flickity：超強大的 jQuery 插件！建立全平台都支援的幻燈片或卡片！
📆 2019-01-19
📁 網站技術, HTML, CSS, JavaScript, jQuery