首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 平面设计 > 图形图像 >

圆角成效和鼠标图形

2012-10-15 
圆角效果和鼠标图形当鼠标放在该div上面的时候,鼠标的形状会变为“手”的形状div stylecursor:pointer

圆角效果和鼠标图形

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

?

热点排行