<style type="text/css">
A { text-decoration: NONE; color:#51bfe0}
A:hover {font-weight: bold;color:#990099}
<style>
鼠标放在链接字体上的时候,链接字体变粗,颜色改变,其中color:#990099表示链接字体改变的颜色,可以根据个人爱好修改,其他的不需要改。
<style type="text/css">
a{text-decoration:none; color:#51bfe0}
A:hover{font-size:23; background:#ffd306; color:#990099}
</style>
鼠标鼠标放在链接字体上的时候,链接字体大小改变,颜色改变,有背景颜色。font-size:23表示字体大小;background:#ffd306表示背景颜色color:#990099表示字体颜色,可以根据个人爱好修改,其他的不需要改。
<style type="text/css">
a:link{text-decoration:none}
a:hover{text-decoration:none}
a:visited{text-decoration:none}
</style>
去掉链接字体的下划线。
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
<style type="text/css">
鼠标放在链接字体上的时候,链接字体加虚线。
<style type="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:10px; top:10px; }
</STYLE>
鼠标放在链接字体上的时候,链接字体会移动,其left:10px表示字体向上移动的距离,top:10px表示字体向上移动的距离,可以根据个人爱好修改具体数值,其他的不需要改。
<style type="text/css">
a { text-decoration: none; padding-bottom: 4px; white-space: nowrap; }
a:hover { background: url(背景图片地址) repeat-x 100% 100%; }
</style>
鼠标放上在链接字体上的时候,链接字体出现图片背景。
<style type="text/css">
a{ text-decoration: none; white-space: nowrap; padding-bottom: 10px; }
a:hover { background: url('http://blog.sina.com.cn/pic/4723cdbf020002nm') repeat-x 100% 100%; }
</style>
鼠标放在链接字体上的时候,出现花朵下划线的效果。
<style type="text/css">
a { text-decoration: none; white-space: nowrap; padding-bottom: 5px; }
a:hover { background: url('http://blog.sina.com.cn/pic/4723cdbf020002nn') repeat-x 100% 100%; }
</style>
鼠标放在链接字体上的时候,出现滚动箭头下划线的效果。
注意:有些代码应该甚用,如果用不好反而会适得其反,影响页面美观效果!这些代码用的时候添加空白面板就行了。还有就是这些都是CSS代码,不能放在完全没有东西的空白面板里,可以把它放到已有内容的面板中。
相关推荐
css实现使用自定义图标字体,像使用字体那样使用图标,可以调整大小和颜色。入门级别源代码。交流文章可以去https://blog.csdn.net/zhaoyang314?spm=1000.2115.3001.5343查看
css自定义文件上传按钮样式
Sass mixin准备切换到使用CSS自定义属性(又名CSS变量)
CSS自定义鼠标显示的形状,CSS自定义鼠标显示的形状
CSS定义下划线样式_莱茵河的小鱼_新浪博客.mht
CSS自定义图片热区示例代码,直接在HTML里,查看代码
一款用纯CSS3打造的自定义Tooltip边框的应用,之前我们讨论过如何用CSS3来实现不同样式的Tooltip,今天的这款Tooltip却可以用CSS3来自定义边框,边框呈涂鸦风格。用CSS3实现自定义边框的好处是可以自适应边框内部的...
CSS自定义属性ExpressionCSS自定义属性Expression
这个是我花了20分钟自己从设计图片,写CSS,到调整,来完成的一个自己认为很漂亮的自定义下来菜单,使用起来非常简单,只需外调一个css和一个js文件,页面中仍然按照原来的写标签,另外,只在IE6.0的版本上测试通过...
CSS自定义inputfile
CSS自定义表单美化JS代码源码下载 CSS自定义表单美化JS代码源码下载 CSS自定义表单美化JS代码源码下载 CSS自定义表单美化JS代码源码下载 CSS自定义表单美化JS代码源码下载
Ajax TabContainer 自定义CSS样式 .txtAjax TabContainer 自定义CSS样式 .txtAjax TabContainer 自定义CSS样式 .txt
jQuery+animate.css自定义弹窗动画插件,带有多种弹窗方式,具体看下方说明。
css 文字下划线 移动鼠标文字加粗 不带下划线的文档 仅供自己参考
新手1分钟,新旺铺自定义CSS: 1.支持,自定义背景色,字体色,翻转色,激活色 2.支持背景图片自定义,支持字体自定义
带方向感知的CSS3鼠标悬停链接文字下划线动画特效,可以用来做导航菜单效果。
Tailwind CSS 一个实用第一的CSS框架,用于快速构建自定义UI
css类库 初始化样式 字体样式 公用空隙 全局链接颜色 字体颜色属性 其他属性
新旺铺导航条CSS自定义助手