BS/BT | 鼠标指向链接时#1：字体的改变（基本篇）

#鼠标指向链接时系列 # （基本篇）
当鼠标碰碰链接/选择，没rase的话好像没那种选择的feel........

 模板 > 修改模板 HTML[编辑模板内容。] >
 (Ctrl+F键)查找

a: hover {

 把以下你所要的类型代码框内的代码
  （Ctrl+C)复制 & (Ctrl+V)粘贴在“a: hover {”的下面。

 预览[检查] - 保存摸板。

----------------------- - 类型1 - ----------------------

指向的字体Change粗体[Bold]

---------------------------------------------------------

font:bold 12px/20px arial;

------------------------ - 类型2 - ----------------------

指向的字体Change粗体+斜体

----------------------------------------------------------

font:italic bold 12px/20px arial,sans-serif;

----------------------- - 类型3 - -----------------------

指向的字体出现影子

---------------------------------------------------------

text-shadow: 1.5px 1.5px 1.5px #FFB6B6;

1.5px 1.5px 1.5px 是影子的距离或扩展，可以尝试预览来调整哦。

#FFB6B6 是米粉红色，你可以把代码换到你喜欢的颜色:3

----------------------- - 类型4 - -----------------------

指向的字体有背景

---------------------------------------------------------

background:#FFB6B6;

----------------------- - 类型5 - -----------------------

指向的字体change颜色

---------------------------------------------------------

color：#FFB6B6;

#FFB6B6 是米粉红色，你可以把代码换到你喜欢的颜色:3

----------------------- - 类型6 - -----------------------

指向的字体向右边动一下

---------------------------------------------------------

padding-left:5px; -webkit-transition-duration:.80s; -moz-transition-duration:.90s;

5px是字体向右边移动多少，数值越大就越远

----------------------- - 类型7 - -----------------------

指向的字体底下会有线[UNDERLine]

---------------------------------------------------------

border-bottom: 1px dotted #000000 ;

1px是线的厚度，加大号数，线则越粗

dotted是点点线（.....），要直线（___）就把dotted改去 solid，虚线（---）则改去 datted

#000000 是黑色，你可以把代码换到你喜欢的颜色:3

----------------------- - 类型8 - -----------------------

指向的字体会有框框包住[mcm白板]

---------------------------------------------------------

border-top: 1px solid #000000; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding: 3px;　 border-radius: 5px;

1px是线的厚度，加大号数，框则越粗

top上 left左 right右 bottom下 是周围的框的线。

#000000 是黑色，你可以把代码换到你喜欢的颜色:3

 updated .

 提 示 

 倘若你的 a:hover{...} 里（黄字处），原本已经存在有代码，请删除后才加入新代码哦，因为原本已经有的美化代码，可能会相撞美化命令。

 内容必须要在“{”和“}”之间/里面。

 预览/例子:

a:hover {

你复制的代码放这里哦

}
 博主标记为青色的字眼，可自行修改哦。
 #FFB6B6 =颜色代码(粉字可换)
 渐渐地展现效果，可以加入这行代码（几秒内完成转换的意思），“2”是秒数。

transition: all 2s ease;