CSS:變色圓框

2013/01/01 133 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
無縮圖
CSS動畫:連閃動畫
📆 2013-01-01
📁 網站技術, CSS
ScrollIt.js：建立頁面滾動導覽的 jQuery 插件
📆 2019-01-19
📁 網站技術, HTML, JavaScript, jQuery
Java Server Pages (JSP)（Visual Studio Code 擴充功能）：讓 VSCode 支援 JSP
📆 2019-03-26
📁 軟體應用, 網站技術, JSP
Node.js：Gulp 運行 gulp-connect 套件，建立前端開發伺服器（Gulp 大展身手！）
📆 2019-03-25
📁 網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp
WordPress 被安裝神秘的外掛，接著訪客隨機被導引至詐騙廣告
📆 2021-06-07
📁 網站技術, 資訊安全, 架站程式, WordPress
Node.js：Gulp 運行 imagemin-mozjpeg，mozjpeg 批次圖片壓縮
📆 2019-03-26
📁 多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp
Brackets 擴充功能「Beautify & Indent Guides」：自動縮排美化與縮排層次標記
📆 2018-09-20
📁 軟體應用, 網站技術
Pingendo：RWD 網頁設計軟體、模板網頁製作、拖拉設計網頁
📆 2018-09-29
📁 軟體介紹, 網站技術

留言區 / Comments

萌芽論壇

萌芽站長

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