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