✟ 神秘の科学城 ✟: 当鼠标指向链接时会出现圆角

当鼠标指向链接时会出现圆角

先看完我废话我才教你,知道吗?!xDD

哈哈哈!今天补习放学回来时,迫不及待要看小甜心—若雪来踩墙~xDD 若雪人不错哦~^^她性格开朗,也很可爱~:D 希望大家可以去若雪的部落格参观参观~

还有就是,前几天我向Aichi Maki 求2篇教学,一篇是关于Scroll Bar的,因为她应用在她部落格的Scroll Bar很漂亮,吸引了我~还有一篇就是这个啦~(鼠标指着连接时出现圆角)~她很好,有教我,而且写得很仔细呢!哈哈哈~刚刚收到她的教学很高兴,顺便和大家分享一下咯~ 因此,也希望大家可以光顾一下Aichi Maki的部落格哦~真的很漂亮,Aichi Maki很爱画画,也因为她有设计天分,所以弄得很漂亮~

好了,我废话完了,就开始教程吧!

1. Design → Edit HTML → 按Ctrl + F 寻找 /* Content

2. 之后再找一找 a:visited { 『它在 /* Content 下面不远处

3. 接下来就是把以下的Code Paste 在a:visited { 下面

a:hover {border-top: 2px solid #FF99FF;border-left: 2px solid #FF99FF;border-right: 2px solid #FF99FF;border-bottom: 2px solid #FF99FF;padding:3px 3px; background:url(图片url/Direct Link);-moz-border-radius: 10px 5px;border-radius: 30px 10px;


那么你的Code就会变成这样:


a:visited {text-decoration:none;color: $(link.visited.color);}
a:hover {border-top: 2px solid #FF99FF;border-left: 2px solid #FF99FF;border-right: 2px solid #FF99FF;border-bottom: 2px solid #FF99FF;padding:3px 3px; background:url(图片URL/Direct Link);-moz-border-radius: 10px 5px;border-radius: 30px 10px;  




1. 青色字的号码可以随意更改,那些是关于圆角的幅度、形状等等~

2. 浅蓝字是圆角的类型,例如:



3. 橙色字颜色代码,可以随意更改 :D

4. 粉红色字是图片的URL/Direct Link,不知如何获取?!那么请按这里









如果你的Background不要放图片,你要放颜色代码的话,那么你就把  background:url(图片URL/Direct Link);  删除,然后替代成这个代码:
background-colour:#ACD6FF;


成功了告诉我吖~(*^__^*) 嘻嘻~

没有评论:

发表评论

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

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

Popular Posts