• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見(jiàn)問(wèn)題 >> 前端開(kāi)發(fā) >> css >> 鼠標(biāo)經(jīng)過(guò)圖片顯示邊框的CSS代碼

鼠標(biāo)經(jīng)過(guò)圖片顯示邊框的CSS代碼

• 作者：創(chuàng)新互聯(lián) 文章來(lái)源：網(wǎng)站設(shè)計(jì)部 點(diǎn)擊數(shù)： 更新時(shí)間：2014-12-23

•  鼠標(biāo)經(jīng)過(guò)圖片顯示邊框的CSS代碼

  代碼如下:
  a.doubleLeft:hover 
  { 
  text-decoration:underline; 
  }

  先設(shè)置一張圖片的初始屬性：

  代碼如下:
  .pcStyle 
  { 
  border: 2px solid #FFFFFF; 
  margin: 1px; 
  height: 79px; 
  }

  再設(shè)置鼠標(biāo)經(jīng)過(guò)時(shí)的屬性：

  代碼如下:
  img.pcStyle:hover 
  { 
  border: solid 2px #FAAF50; 
  margin: 1px; 
  height: 79px; 
  }

• css 如何控制長(zhǎng)內(nèi)容自動(dòng)省略號(hào)方法 :上一篇
  CSS樣式表讓英文文本自動(dòng)換行 :下一篇