相关文章
网页设计Dreamweaver快速制作细边线表格
网页设计用Dreamweaver MX创造网页鼠标样式
北京网站设计JSP动态网页技术的基本概述
网站制作网页布局的位置重心与位置间的对比关系
北京网站设计网页设计基本配色参考色谱——高雅
企通互联什么样的网页设计是合理的网页设计?
北京网页设计CSS仿淘宝首页导航条按钮布局效果
北京网站设计网页特效:随滚动条移动的DIV层
网站建设用FrontPage轻松转换图片格式
网站制作网站诊断分析服务 如何进行网站诊断
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网页设计 >> 网页设计网站制作用CSS样式表来定义博客上的链接样式
网页设计网站制作用CSS样式表来定义博客上的链接样式
<style type="text/css"> 网站建设
A { text-decoration: NONE; color:#51bfe0} 网页设计
A:hover {font-weight: bold;color:#990099} 网站建设
<style> Chinaz~com
鼠标放在链接字体上的时候,链接字体变粗,颜色改变,如本博客上的样子。其中color:#990099表示链接字体改变的颜色,可以根据个人爱好修改,其他的不需要改。 Www_Chinaz_com
<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表示字体颜色,可以根据个人爱好修改,其他的不需要改。
Www^Chinaz^com
<style type="text/css"> 北京网站制作
a:link{text-decoration:none} 网页设计
a:hover{text-decoration:none} 网页设计北京网站设计
a:visited{text-decoration:none} 北京网站制作
</style>
去掉链接字体的下划线。 北京网站设计 Chinaz_com
<STYLE TYPE="text/css"> 网站制作 网站建设
A { text-decoration: NONE; color: #51bfe0} www.qitongnet.com网站制作
A:hover {border-bottom:1px dashed #51bfe0 } 网站设计
<style type="text/css"> Www_Chinaz_com
鼠标放在链接字体上的时候,链接字体加虚线。
<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> 中国站.长. 网站制作站
鼠标放上在链接字体上的时候,链接字体出现图片背景。 Chinaz
<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> Chinaz.com
鼠标放在链接字体上的时候,出现滚动箭头下划线的效果。 Chinaz~com
注意:有些代码应该甚用,如果用不好反而会适得其反,影响页面美观效果!这些代码用的时候添加空白面板就行了。还有就是这些都是CSS代码,不能放在完全没有东西的空白面板里,可以把它放到已有内容的面板中。
中国站长_站,为中文网站提供动力