域名注册

• 中文域名
• 英文域名
• 通用网址
• 域名解析
• 域名转入\转出

虚拟主机

• 主机购买
• 管理主机
• FTP上传
• 数据库管理
• 主机续费升级

网站建设

• 建站流程介绍
• 网站设计
• 网站改版
• 网站维护
• 网站推广

企业邮局

• 邮箱使用
• 管理邮箱
• 邮箱续费升级
• 全球邮局

网站优化

• seo优化
• seo技巧
• 收索引擎优化
• 关键词优化

网站备案

• 备案流程指南
• 修改备案
• 备案资料下载
• 备案小技巧

服务器租用

• 服务器租用
• 服务器托管

其它服务

• 400电话
• 在线客服
• 财务常见问题
• 会员常见问题

• 您现在的位置： 创新互联 >> 网站建设 >> 网站建设常见问题 >> css代码：css实现鼠标经过图片显示边框的代码

css代码：css实现鼠标经过图片显示边框的代码

• 作者：曾小姐 文章来源：成都网站建设 点击数：819 更新时间：2011-11-14
• 　　在一些做的比较精致的网站设计中，大家可以发现，用户在移动鼠标的时候，文字经过图片时会显示边框，那么这是怎么做到的呢？小编请大家参考一下鼠标经过一个链接显示下划线：
  　　首先，复制鼠标经过一个链接显示下划线的代码
  　　代码如下:
  　　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;
  　　}
  　　按照这样的顺序设置以后，奇迹就出现了，你发现了吗？ 成都创新互联网站建设，每天给你不一样的惊喜，期待您的关注！
• 上一篇文章：什么是XSL,它与CSS有哪些不同
  下一篇文章：防止CSS样式被挂网页木马