圆角效果和鼠标图形

原创 2013年12月04日 09:45:27

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

 

相关文章推荐

设置WordPress评论头像为圆角鼠标触碰后旋转效果

方法很简单,在/wp-content/themes/目录下,找到你当前使用的主题的文件夹,进入后,找到style.css,将下面的代码复制后,粘贴到style.css文件的最下面,然后保存即可...

鼠标移动生出四散图形的效果

源码: spread body { overflow: hidden; background: #ee...

纯css实现边框圆角效果

  • 2012年12月31日 10:31
  • 1KB
  • 下载

gif透明实现图片圆角效果

  • 2010年05月10日 17:21
  • 61KB
  • 下载

Android利用canvas画各种图形(点、直线、弧、圆、椭圆、文字、矩形、多边形、曲线、圆角矩形)

1、首先说一下canvas类: Class Overview The Canvas class holds the "draw" calls. To draw something, you need...

与圆角listView类似的效果

  • 2012年09月25日 15:03
  • 702KB
  • 下载

imageView 圆角图片 描边效果

  • 2014年08月19日 10:18
  • 2.76MB
  • 下载

Graphics 框架画各种图形(圆、三角形、扇形、弧线、圆角矩形等等)

Core Graphics Framework是一套基于C的API框架,使用了Quartz作为绘图引擎。它提供了低级别、轻量级、高保真度的2D渲染。该框架可以用于基于路径的绘图、变换、颜色管理、脱屏渲...

CSS 实现立体效果 圆角

  • 2010年11月03日 14:45
  • 27KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:圆角效果和鼠标图形
举报原因:
原因补充:

(最多只允许输入30个字)