鼠标经过改变边框颜色可以直接CSS的:hover伪类,然后定义border样式就是了。如下示例代码:a{color:#000;border:1px solid #000;} /* 默认的样式 */a:hover{border-color:#ccc;} /* 鼠标经过时的样式 */鼠标经过时将边框颜色变为了灰色。
1.类选择器(class选择器)
基本使用:
.类选择器{
属性名: 属性值;
...}
2.id选择器
基本使用:
#id选择器{
属性名: 属性值;
...
}
3. html元素选择器
某个html元素{
属性名: 属性值;
...
}
4.通配符选择器
该选择器可以用到所有的html元素,但是其优先权最低
*{
属性名: 属性值;
...
}
css可以使用伪类 :nth-child() 选择子元素,:nth-child()从1开始计数,所以第二个子元素就是:nth-child(2)
两个选择器之间加 空格(后代选择器) 代表后面的选择器是前面的后代(子代,孙代.....)
可以代替JavaScript的CSS特效有很多,比如说通过伪类:hover、:actived等实现触发效果,动画效果可以用animation属性,对图像处理可以transform、filter等
Copyright © 广州京杭网络科技有限公司 2005-2025 版权所有 粤ICP备16019765号
广州京杭网络科技有限公司 版权所有