哪位大侠能帮我把这个圆角矩形挖出来_html/css_WEB-ITnose

2019年8月30日09:20:53 评论 31

小弟对CSS不是特别熟,但又很想把这个网站这个圆角矩形用到我自己的网站里,无奈只有求助大家了,

就是下面那种一块块的,带阴影的,当鼠标移动上去的时候阴影更浓,

我想要那个圆角矩形必需的css,然后用到我自己的网站里去,谢谢大家了。

http://www.tuita.com/#%E5%85%A8%E9%83%A8

回复讨论(解决方案)

http://aliceui.com/1px-round-corner/

楼上这个没有投影,而且角不够圆,跟那个效果还是差很远哦

看不到圆角,看来是不兼容。

这是 Firefox 对css3 box shadow的实现,目前由于css3未定稿,所以这个只是暂时的,共它很多浏览器也暂不支持

 body{ background-color:#EAEAEA;} div{   -moz-border-radius: 5px 5px 5px 5px;    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);   width:400px;     background-color:#fff; padding:8px;    } 

 
  http://www.mijia.org/blog/?p=204颠覆网络35天 ─ 使用-moz-box-shadow渲染阴影原文地址:shadow boxing with -moz-box-shadow系列地址:颠覆网络35天====================================在Firefox 3.5中实现的CSS特性中还有一个很有意思的──盒子阴影。这个特性允许在任何支持盒子模型的元素上投射出“阴影”效果。由于CSS3的盒子阴影属性目前还在发展中,所以Firefox特化的把他实现为-moz-box-shadow。这种特化方式是Firefox实现CSS中的实验属性的方法之一,在属性前面加上前缀“-moz-”。等到这个属性最终被CSS3确定之后,属性会重新命名为“box-shadow”。
 

这个圆角不兼容ie

weinxin
欢迎加入中国站长博客之家
本站的所有资源都会上传分享到博客之家,希望大家互相学习交流进步。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: