您现在的位置是：网站首页> 编程资料编程资料
鼠标经过图片显示边框的CSS代码_CSS教程_CSS_网页制作_
2021-09-08
903人已围观
简介 鼠标经过图片显示边框的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;
}
相关内容
- 让IE6支持HTML5元素的方法_CSS教程_CSS_网页制作_
- 关于IE6、7、8下实现盒阴影的几个注意点_CSS教程_CSS_网页制作_
- CSS网页布局时常犯的几种小错误小结_CSS教程_CSS_网页制作_
- 去掉a标签超链接的虚线框的方法_CSS教程_CSS_网页制作_
- 纯CSS打造Bubble气泡提示框实现代码_CSS教程_CSS_网页制作_
- 对网页中层的固定实现代码_CSS布局实例_CSS_网页制作_
- css hack 记录 _浏览器兼容教程_CSS_网页制作_
- css 兼容性书写记录 _浏览器兼容教程_CSS_网页制作_
- 巧用隐藏和负边距实现兼容所有浏览器的ul和li并列效果_CSS教程_CSS_网页制作_
- CSS的z-index实例代码_CSS教程_CSS_网页制作_
