✟ 神秘の科学城 ✟: 美化Underline

美化Underline

:P



有没有注意到Underline不一样?!



1. Design => Edit HTML => 按 Ctrl + F 寻找 ]]></b:skin>


2. 在 ]]></b:skin> 上面 copy and paste 以下の code:


u {
text-decoration:none;
border-bottom: 3px solid #F489AD;
padding: 0px;
-webkit-transition-duration: .30s;
}


u:hover {
text-decoration:none;
border-bottom: 4px solid #F13976;
padding: 0px;
}





上面のCode有分别成2段,第一段是Underline看到の效果,第2段是鼠标指向有Underline字体时の改变~也就是说:

u { の那段是第1段

u:hover { の那段是第2段


34 是Underline的厚度

Solid 是Underlineの类似,你可以换成dashed,double,dotted等等

#F489AD  #F13976 颜色代码 ~


明白吗?!这篇我解释得有点乱~

没有评论:

发表评论

人,要学会聆听,听智者之言可以启迪智慧,听批评之言可以反躬自省。

即使记忆总有一天会消逝,就让我们一起留下欢乐的一点一滴、美好的回忆~ :D

Popular Posts