CSS样式鼠标点击与经过的效果一样

a:link     /* 未访问的链接 */
a:visited  /* 已访问的链接 */
a:hover    /* 当有鼠标悬停在链接上 */
a:active   /* 被选择的链接 */

a,a:visited,a:hover,a:active { /*全部状态都一样的效果*/
    text-decoration: none; /*没有下划线*/
    color: blue;           /*一直都蓝色*/
    font-weight: bold;     /*加粗*/
}
时间: 2024-07-29 20:50:02

CSS样式鼠标点击与经过的效果一样的相关文章

css相关,鼠标点击<input>输入域后出现有颜色的边框

css相关,鼠标点击<input>输入域后出现有颜色的边框,如果使用css,将这个鼠标点击输入域后产生的边框去掉呢?下面是截图 鼠标未点击前: 鼠标点击后: 根据大家的办法实现不了的,即使可以改变颜色,但是那条有颜色的线还是无法消除.下面是我的html和css代码: html: <input type="text" name="content" id="input_box"> css: #input_box{ border

css实现鼠标经过导航文字偏位效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

基于jquery鼠标点击图片翻开切换效果

基于jquery鼠标点击图片翻开切换效果是一款基于jQuery+CSS3实现的点击图片切换特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <img src="images/1.jpeg" alt="1" /> <img src="images/2.jpeg" alt="2" /> <img s

css:鼠标点击出现有颜色的边框?如何解决

今天遇到上图这样出现有颜色的边框 解决办法: css设置属性 outline:none;

网站引入了css样式文件能访问,就是没有效果

今天后端的同事遇到这么个问题,引入了外部css文件也能访问,就是页面上没有效果. 大概是下面这个样子: css引入如下: 我非常的纳闷,说真的我还没遇到过这种情况,UI是可以运行的,一点事都没有... 没办法只有对比检查了,发现了问题所在 ,link没有加 rel="stylesheet" 属性, (以前都是自动完成,没怎么在意,汗~~) 于是就加上这个属性,就可以了(>﹏<) 这个属性是必须的,说白了就是指明你链进来的对象是个什么东西的,(我们这里指名被链接的文档是一个样

记一次项目中的css样式复用

本文同步至微信公众号:http://mp.weixin.qq.com/s?__biz=MzAxMzgwNDU3Mg==&mid=401616238&idx=1&sn=3c6e965283c632e9035875be43e6a305&scene=0#wechat_redirect 二维码: 一直觉得css是一个不被重视,或者说是重视不够的饭后甜点.因为它太“简单”,门槛低,不能彰显或提升广大闷骚程序猿的逼格...一直都想聊聊css相关的一些杂碎.正好借最近的一次项目实践来侃侃

CSS鼠标点击式变化图片透明度

今天分享前端代码主题:jequery控制css图片透明度 很多时候在网站图片处理上需要实现一些辅助效果,比如鼠标在图片上滑动时或点击时改变图片颜色(变灰或者其他),其实一个简单的办法就是改变图片css透明度属性. 如何改变呢?一种是纯css,一种使用jquery或者javascript代码控制.第一种使用:hover伪类选择器,本示例使用第二种. 先看最后效果: 第一步:放置图片 <ul id="test">        <li>            <

1.鼠标点击换样式+2.下拉菜单缓慢显示/隐藏样式效果

1.鼠标点击换样式 <style type="text/css"> .aa{ width:90px; height:60px;text-align:center; vertical-align:middle; line-height:60px; margin-right:10px; font-size:19px; float:left; background-color:#06F} </style> <body> <div style=&quo

js和css控制鼠标略过和点击后的样式

点击链接加入群[JavaEE(SSH+IntelliJIDE+Maven)]:http://jq.qq.com/?_wv=1027&k=L2rbHv 一.js和css控制鼠标略过和点击后的样式 [html] view plaincopy <script language="javascript"> document.onreadystatechange=function()     //当页面状态改变时执行函数 { if(document.readyState ==