2006-11-09

用CSS样式表来定义博客上的链接样式

来源: 新浪博客作者:佚名评论 0 条

以下是引用片段：
<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">

鼠标放在链接字体上的时候，链接字体加虚线。

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐收藏投稿打印返回关闭

热门排行

推荐文章

相关文章

网站首页　- 　网站地图　- 　　站长论坛　- 　网站投稿　- 　　- 　网站管理