我们思考IT

用程序感受人生,生活就有滋有味

随笔 - 3, 文章 - 0, 评论 - 0, 引用 - 0

常用链接

留言簿(1)

随笔分类

随笔档案

2007年7月 (3)

搜索

阅读排行榜

评论排行榜

competitious的美化按钮

上面这个图片是read more链接a:与a:hover的2种状态图
当为a:时，css取图片高度的一半，原图为38px，则取height:19px，链接显示的就是截至到高度为19px的图
当为a:时，css将背景下移19px，取下面的图片 background-position:0px,-19px
a:时需要定义的状态有
display:block;
background:url(图片地址);
width:65px;height:19px
以下两图同理

另外需要补充的是，在html中为了方便阅读，可以在需要显示read more的地方加上<span>read more</span>
然后定义span{display:none}就可以了

posted on 2007-07-23 14:05 wmskyer 阅读(163) 评论(0) 编辑收藏引用所属分类: Css

只有注册用户登录后才能发表评论。