关闭

圆角效果和鼠标图形

247人阅读 评论(0) 收藏 举报

当鼠标放在该div上面的时候,鼠标的形状会变为“手”的形状
<div style="cursor:pointer"><u>手心</u></div>

 

光标变为图案?
<div style="cursor:url('C:\screenmask.cur')">光标显示为图片</div>

 

使用CSS3制作圆角框的“效果”?
1、找一张圆角矩形的图片,切成八张大小相等的图片——左上、左下、右上、右下、左中、右中、上中、下中
2、利用CSS3设置DIV的背景图片,先设定左上、左下、右上、右下四张图片的位置,然后再设置左中、右中、上中、下中四张图片的位置,并且重复显示(如果顺序颠倒是显示不出来,样式写在前面的优先权要高些)

.box-round{
	background:url(tl.png) no-repeat top left,
	url(tr.png) no-repeat top right,
	url(bl.png) no-repeat bottom left,
	url(br.png) no-repeat bottom right,
	url(bc.png) repeat-x bottom center,
	url(cl.png) repeat-y center left,
	url(cr.png) repeat-y center right,
	url(tl.png) repeat-x top left
}

 

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:312321次
    • 积分:8738
    • 等级:
    • 排名:第2257名
    • 原创:1096篇
    • 转载:14篇
    • 译文:0篇
    • 评论:5条
    最新评论