我们思考IT

用程序感受人生,生活就有滋有味
随笔 - 3, 文章 - 0, 评论 - 0, 引用 - 0
数据加载中……

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 阅读(86) 评论(0)  编辑 收藏 引用 所属分类: Css

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