Heim > Web-Frontend > HTML-Tutorial > 哪位大侠能帮我把这个圆角矩形挖出来_html/css_WEB-ITnose

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

WBOY
Freigeben: 2016-06-24 12:10:06
Original
1089 Leute haben es durchsucht

小弟对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;    } 
Nach dem Login kopieren

<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>
Nach dem Login kopieren

这个圆角不兼容ie

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage