CSS:變色圓框

2013/01/01 137 1 網站技術 , 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
JSP：XY的加減乘除，自訂函數、宣告變數
📆 2019-04-04
📁 網站技術, HTML, JSP
Node.js：Webpack 封裝 CSS、SCSS 成單一 JS 教學（使用 VS Code）
📆 2019-08-19
📁 軟體應用, 網站技術, CSS, Sass/SCSS, JavaScript, Node.js, Webpack
CSS:新版捲(卷)軸!快來看唷!
📆 2013-01-01
📁 網站技術, CSS
CSS:屬性border簡單介紹
📆 2013-01-01
📁 網站技術, CSS
CSS:反白特效
📆 2013-01-01
📁 網站技術, CSS
Java Server Pages (JSP)（Visual Studio Code 擴充功能）：讓 VSCode 支援 JSP
📆 2019-03-26
📁 軟體應用, 網站技術, JSP
phpMyAdmin：解決匯入檔案大小上限問題（教學基於 XAMPP）
📆 2019-03-15
📁 軟體應用, 網站技術, 伺服器, 資料庫
HTML「合併儲存格」讓表格內的儲存格(<th>,<td>)合併
📆 2018-09-26
📁 網站技術, HTML

留言區 / Comments

萌芽論壇

萌芽站長

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