css布局之鼠标滑过图片显示边框
作者:bea
鼠标经过图片显示边框的CSS代码,需要的朋友可以参考下。 参考鼠标经过一个链接显示下划线: a.doubleLeft:hover { text-decoration:underline; } 先设置一张图片的初始属性: .pcStyle { border: 2px solid #FFFFFF; margin: 1px; height: 79px; } 再设置鼠标经过时的属性: img.pcStyle:hover { border: sol
鼠标经过图片显示边框的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;
}
猜你喜欢
您可能感兴趣的文章:
- 推荐几款国产的HTML在线编辑器
- html表单中get与post的区别与联系
- 写与搜索引擎友好的HTML代码
- HTML超链接使用详解
- HTML特殊字符怎么显示
- 介绍几个基础的HTML标签
- HTML5入门教程
- 使用HTML制作简单的网页
- DOCTYPE声明有什么作用和用法
- HTML DOCTYPE元素详解
- 如何控制HTML table表格边框
- 什么是HTML代码和HTML代码的格式
- 包含css、js文件带参数的意思和作用
- ie查看源代码的软件工具设置
- div绝对定位 居中
- css背景定位 图片背景定位方法
- IE6绝对定位出现的问题及解决办法
- web前端工程师前景与前途及入门须知
- div css弹出层半透明遮罩层效果实现