1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 用CSS样式表来定义博客上的链接样式

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

时间:2020-10-05 19:14:39

相关推荐

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

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注为大家准备的精彩内容。下面为大家推荐用CSS样式表来定义博客上的链接样式,无聊中的都看过来。

以下是引用片段:

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{; color:#51bfe0}

A:hover{font-size:23; background:#ffd306; color:#990099}

/style

鼠标鼠标放在链接字体上的时候,链接字体大小改变,颜色改变,有背景颜色。表示字体大小;#表示背景颜色#表示字体颜色,可以根据个人爱好修改,其他的不需要改。

以下是引用片段:

style type="text/css"

a:link{}

a:hover{}

a:visited{}

/style

去掉链接字体的下划线。

以下是引用片段:

STYLE TYPE="text/css"

A { text-decoration: NONE; color: #51bfe0}

A:hover { dashed #51bfe0 }

style type="text/css"

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

以下是引用片段:

style type="text/css"

A { text-decoration: NONE; color: #51bfe0}

A:hover { position: relative; ; ; }

/STYLE

鼠标放在链接字体上的时候,链接字体会移动,其表示字体向上移动的距离,表示字体向上移动的距离,可以根据个人爱好修改具体数值,其他的不需要改。

以下是引用片段:

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(''&#&#;) repeat-x 100% 100%; }

/style

鼠标放在链接字体上的时候,出现花朵下划线的效果。

注意:有些代码应该甚用,如果用不好反而会适得其反,影响页面美观效果!这些代码用的时候添加空白面板就行了。还有就是这些都是CSS代码,不能放在完全没有东西的空白面板里,可以把它放到已有内容的面板中。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。