鼠標經(jīng)過圖片顯示邊框的CSS代碼
發(fā)布時間：2011-11-23 22:21:46 作者：佚名 
我要評論
我要評論鼠標經(jīng)過圖片顯示邊框的CSS代碼，需要的朋友可以參考下。
參考鼠標經(jīng)過一個鏈接顯示下劃線：
復制代碼
代碼如下:a.doubleLeft:hover
{
text-decoration:underline;
}
先設(shè)置一張圖片的初始屬性：
復制代碼
代碼如下:.pcStyle
{
border: 2px solid #FFFFFF;
margin: 1px;
height: 79px;
}
再設(shè)置鼠標經(jīng)過時的屬性：
復制代碼
代碼如下:img.pcStyle:hover
{
border: solid 2px #FAAF50;
margin: 1px;
height: 79px;
}
相關(guān)文章
用ul li實現(xiàn)邊框重合并附帶鼠標經(jīng)過效果
邊框重合這個效果并不難，只是我們沒有真正的動手做過而已，下面讓我們來談?wù)動胾l li如何實現(xiàn)邊框重合，并附帶鼠標經(jīng)過效果2014-03-20
基于jquery實現(xiàn)的鼠標經(jīng)過背景滑動導航菜單特效源碼
jquery背景滑動導航菜單代碼是一款基于jQuery實現(xiàn)的背景可滑動的導航，鼠標經(jīng)過導航時導航背景可滑動2014-12-24
jquery實現(xiàn)的鼠標經(jīng)過懸浮相冊縮略圖是在鼠標右側(cè)顯示大圖特效源碼
是一段實現(xiàn)了鼠標懸浮縮略圖上時，在距離鼠標右側(cè)固定距離的地方顯示縮略圖對應(yīng)的大圖效果代碼，顯示出來的大圖屬于懸浮效果，并不占用實際面積，此段代碼適應(yīng)于所有網(wǎng)頁使2014-12-23
jquery實現(xiàn)的鼠標經(jīng)過圖片上浮顯示產(chǎn)品更多說明相冊特效源碼
jquery實現(xiàn)的鼠標經(jīng)過圖片上浮顯示產(chǎn)品更多說明相冊特效源碼，是一段非常適合展示產(chǎn)品或技術(shù)一類的相冊圖片代碼，需要此款代碼的朋友們可以前來下載使用2014-10-29
基于jquery實現(xiàn)的網(wǎng)頁通欄banner切換代碼+鼠標經(jīng)過滑出右側(cè)在線客服特
基于jquery實現(xiàn)的網(wǎng)頁通欄banner切換代碼+鼠標經(jīng)過滑出右側(cè)在線客服特效源碼是一段支持圖片滾動以及鼠標滑過時右側(cè)在線客服展開代碼，運行流暢，反應(yīng)速度靈敏，是一段非常2014-10-20
jQuery實現(xiàn)的鼠標經(jīng)過標題向上彈出特效源碼
這是一款基于jQuery實現(xiàn)的鼠標經(jīng)過標題向上彈出特效源碼，是一款基于jquery+css3實現(xiàn)的點擊左右箭頭可移動左右滾動圖片特效。鼠標滑過圖片時會出現(xiàn)標題向上彈出的效果，且2014-09-23
jQuery+hover 鼠標經(jīng)過顯示邊框動畫特效源碼
jQuery鼠標經(jīng)過顯示邊框動畫特效源碼是一款jQuery hover鼠標經(jīng)過視頻標簽描述及動畫邊框特效，需要的朋友前來下載源碼2016-03-23
