虚心涵泳 切己体察 凡事心有所想 才能身体力行
1 Sep
语法:
<STYLE type=text/css>A:hover {font-style:oblique;font-weight:bold; FONT-SIZE: 13px; BACKGROUND: #FFCCCC;}</STYLE>
这个代码表示鼠标经过链接时的特效.oblique:斜体;bold:粗体;13px:文字大小;
#FFCC代表颜色.它们组合起来表示鼠标在经过链接时文字变成粗斜体,并且文字大小改变为13px,链接背景颜色变成浅粉色.颜色代码可以看取色板
可以单独用也可以自由组合的效果代码:
让链接变色:
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { color: #3399FF }
</STYLE>
链接字体变大:
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {font-weight: bold }
</STYLE>
链接出现虚线:
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover {border-bottom:1px dashed #51bfe0 }
</STYLE>
会移动的链接:
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { position: relative; left:1px; top:1px; }
</STYLE>
给链接添加背景色:
<STYLE TYPE="text/css">
A { text-decoration: NONE; color: #51bfe0}
A:hover { background-color: #CCFFFF; }
</STYLE>
Leave a reply
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。