Rumah >hujung hadapan web >html tutorial >哪位大侠能帮我把这个圆角矩形挖出来_html/css_WEB-ITnose
小弟对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; }
<div>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”。</div>
这个圆角不兼容ie