圆角效果和鼠标图形

原创 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
}

 

用css让头像变圆且鼠标悬停在图片上时会发光

代码如下: index.html .img-circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border...
  • Cryhelyxx
  • Cryhelyxx
  • 2014年11月30日 16:03
  • 3554

iOS10适配 设置图片圆角的问题

网络请求库:AFNetWorking 网络图片处理库:SDWebImage 我们的项目在升级完XCode8后,发现有的圆角图片是不能显示的,但是在XCode的View UI Hierarchy工具中查...
  • jijiji000111
  • jijiji000111
  • 2016年09月18日 18:38
  • 1844

Bootstrap—实现圆角、圆形头像和响应式图片

Bootstrap提供了四种用于类的样式,分别是: .img-rounded:圆角 (IE8 不支持),添加 border-radius:6px 来获得图片圆角; .img-circle:圆形 (IE...
  • nongweiyilady
  • nongweiyilady
  • 2016年12月13日 10:53
  • 7921

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

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

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

源码: spread body { overflow: hidden; background: #ee...
  • lss_csdn
  • lss_csdn
  • 2016年09月02日 23:51
  • 168

css3圆角每个值的意思,文本框默认有字鼠标移动字体消失

CSS3 border-radius - 指定每个圆角 如果你在 border-radius 属性中只指定一个值,那么将生成 4 个圆角。 但是,如果你要在四个角上一一指定,可以使用以下规则: ·  ...
  • qq_28020829
  • qq_28020829
  • 2017年12月08日 14:57
  • 112

jQuery-单击文字或图片内容放大显示且含圆角投影效果

  • 2015年01月07日 09:46
  • 38KB
  • 下载

CSS 实现立体效果 圆角

  • 2010年11月03日 14:45
  • 27KB
  • 下载

css 实现圆角效果

  • 2011年06月10日 09:23
  • 660KB
  • 下载

圆角DIV效果

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

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