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
資料庫基本知識 & 筆記
📆 2019-04-10
📁 網站技術, 伺服器, 資料庫, 學業筆記, 學術詞彙, SQL
Classic Widgets（WordPress 外掛）：停用升級 5.8 後的小工具區塊編輯器
📆 2021-07-29
📁 網站技術, 架站程式, WordPress
XAMPP：Apache 服務路徑錯誤之解決方式
📆 2022-09-04
📁 軟體應用, 網站技術, 伺服器
CSS:list-style-type屬性
📆 2014-01-29
📁 網站技術, CSS
React 初嘗試：不使用 npm、Babel 和 webpack 的 HELLO 頁面
📆 2019-07-13
📁 網站技術, HTML, JavaScript, React
JavaScript：將 HTML 網頁上的區塊轉換成 JPG 圖檔
📆 2020-05-16
📁 網站技術, HTML, JavaScript
js-cookie 運用餅乾製作簡易黑暗模式示範
📆 2019-07-15
📁 網站技術, HTML, CSS, JavaScript, jQuery
PHP isset() & empty() 判斷變數是否為存在或空值函數
📆 2019-06-22
📁 網站技術, PHP

留言區 / Comments

萌芽論壇

萌芽站長

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