∥″可乐〃∥

让我展望未来，网络是我不变的终结者！

« 交互设计的基本法则CSS布局口诀 »

锁定特定链接(小技巧)

2009-6-13 0:3:14

像这样：
<a href=http://www.kele520.com  class="kele">可乐CSS学习心得</a>

要以它自己的方式定义样式，你得创建一些样式，像这样：
a.kele:link        {color:#f60;}
a.kele:visited        {color:#900;}
a.kele:hover        {color:#f33;}
a.kele:active        {color:b2f511;}

省略a，并且只指定类，也一样可以：
.kele:link        {color:#f60;}
.kele:visited        {color:#900;}
.kele:hover        {color:#f33;}
.kele:active        {color:b2f511;}

现在只有这些带"kele"类的链接才会获得这些格式。

 

锁定特定链接  小技巧  
分类:CSS+XHTML | 评论:3 | 浏览:
  • Similar.
  • quote 1.图片按钮
  • css代码：
    .anniu {
    height:20px;
    padding-left:280px;
    float:left;
    }
    .anniu_bg {
    height:22px;
    width:67px;
    float:left;
    background:url(images/a1.gif);
    border:none;
    }
    .anniu_bg:hover {
    height:22px;
    width:67px;
    float:left;
    background:url(images/a2.gif);
    border:none;
    }

    HTML代码：
    <div class="anniu"><input name="button" type="submit" class="anniu_bg" id="button" value=" " /></div>
  • 2009-6-13 18:06:43  RevertComment
Comments.

◎ welcome to participate in the discussion

日历

Comments.

Previous.

ADMIN. | EMAIL. | ABOUT.

Powered By Z-Blog 1.8 Spirit Build 80722Copyright © 2006-2011 可乐Blog Kele520.Com All Rights Reserved.[皖ICP备 06001314号]