Rumah > hujung hadapan web > html tutorial > 哪位大侠能帮我把这个圆角矩形挖出来_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 12:10:06
asal
1119 orang telah melayarinya

小弟对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;    } 
Salin selepas log masuk

<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>
Salin selepas log masuk

这个圆角不兼容ie

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan