CSS:變色圓框

2013/01/01 131 0 網站技術 , CSS

可讓網站方塊有顏色變化唷!
↓範例(游標移到上面試試)
範例 ~完整語法~
一、CSS部分
<style>
.mnyappt {
margin: 5px auto 5px auto;
width: 100px;
height: 100px;
background: #99FF99;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-transition: all 0.5s linear
}
.mnyappt:hover {
background: #33FF33;
}
</style>
二、HTML部分
<div class="mnyappt">範例</div>

贊助廣告 ‧ Sponsor advertisements
【萌芽網站技術教學】第一章:準備當個網站站長
📆 2014-07-27
📁 網站技術
Classic Widgets（WordPress 外掛）：停用升級 5.8 後的小工具區塊編輯器
📆 2021-07-29
📁 網站技術, 架站程式, WordPress
JavaScript「alert()」提示視窗的使用
📆 2018-09-24
📁 網站技術, JavaScript
JS:網站原碼緩載加速程式
📆 2013-01-01
📁 網站技術, JavaScript
Node.js：jpg、jpeg、JPG、JPEG 通通不遺漏的進行壓縮（Gulp、mozjpeg 批次圖片壓縮 - 延伸篇）
📆 2019-09-30
📁 多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp
Node-RED：讀取及查詢 MySQL 資料庫中的資料表
📆 2021-11-18
📁 網站技術, 資料庫, Node.js, SQL, Node-RED
CSS:CSS總介紹
📆 2013-01-01
📁 網站技術, CSS
Two-Factor（WordPress 外掛）：讓網站支援兩步驟驗證登入
📆 2021-06-09
📁 網站技術, 資訊安全, 架站程式, WordPress

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！