• 首页
• 域名注册
• 虚拟主机
• 网站建设
• 服务器租用
• 营销推广
• 网站程序
• 前端开发
• 移动互联网
• 企业邮箱

• 当前位置：创新互联 >> 常见问题 >> 前端开发 >> css >> 鼠标经过图片显示边框的CSS代码

鼠标经过图片显示边框的CSS代码

• 作者：创新互联 文章来源：网站设计部 点击数： 更新时间：2014-12-23

•  鼠标经过图片显示边框的CSS代码

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

  先设置一张图片的初始属性：

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

  再设置鼠标经过时的属性：

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

• css 如何控制长内容自动省略号方法 :上一篇
  CSS样式表让英文文本自动换行 :下一篇