home about me stuff links follow dashboard

Thursday, December 20, 2012

教程/Tutorial || 特别的底线 ②





特别的底线,看看以下示范:

在找我吗?我在这!!




   


⑴ 信息中心 --> 模板 --> 修改HTML --> 继续

⑵ 使用Ctrl+F 寻找以下代码
a:link {
⑶ 把以下代码放在 a:link {...} 的下面

u {
text-decoration: none;
background: #cccccc;
padding: 3px;
border-radius: 3px;
color: #ffffff;
-webkit-transition: 1s;
}
u:hover {
background: #ffffff;
color: #cccccc;
border-bottom: 1px solid #cccccc;
-webkit-transition: 1s;
}


红色字体 - 背景颜色
     ×× 若不要用颜色 可以把 background: #cccccc; 换成 background:url(背景网址);
     橙色字体 - 字体颜色
     青色字体 - 底线的宽度
     蓝色字体 - 底线款式
     ×× 可以把它换成  dashed,dotted,double 等等
     粉红字体 - 底线颜色

⑸ 改好后,预览后储存。

祝你们成功!!


链接:

sticker

0 Oreo ♥:

Post a Comment