圆角效果和鼠标图形

当鼠标放在该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
}

 

阅读更多
上一篇Linux 小知识点
下一篇HTML5学习
想对作者说点什么? 我来说一句

圆角效果MyListViewCorner

2012年07月17日 70KB 下载

利用css的圆角效果

2009年02月21日 1KB 下载

没有更多推荐了,返回首页

关闭
关闭