Ruby China

HTML/CSS 这个 CSS 效果怎么写呀？

tiseheaini · 2012年02月27日 · 最后由 camel 回复于 2012年02月28日 · 3592 次阅读

最近在帮同学改一个网站，发现社区的网页风格很简约。 大家帮我看一下，图片中的效果是怎么写出来的

我用谷歌浏览器的调试工具找了老半天，找不到背景图片呀？难道不是用 CSS 写的吗？

miclle #1 2012年02月27日 

-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
jasl #2 2012年02月28日

css3 现在很少有用图片的了

camel #3 2012年02月28日

css3 圆角，注意 M$只有在 IE9 才能支持 CSS3 和 HTML5 的标准

tiseheaini #4 2012年02月28日

我刚才看过了，IE6 上不能正常显示这个效果，同学的网站是写给新手看的，大都用 IE6 和 IE7。如果我用 CSS3 写效果，兼容性有问题，还是考虑用图片展现效果吧，谢谢社区的兄弟

tiseheaini #5 2012年02月28日

#3 楼 @camel 问一个弱弱的问题，如果要在网站上写一个登录页，应该写一个新类呢？还是在本类中写一个新方法

Rei #6 2012年02月28日

#4 楼 @tiseheaini 先要求新手升级浏览器吧

tiseheaini #7 2012年02月28日

都是网吧的小朋友们？？全是小白，那个问题归网管，无能为力呀

happy15 #8 2012年02月28日

ie9 以前的浏览器，可以用 css3pie 来模拟圆角效果。

camel #9 2012年02月28日

#5 楼 @tiseheaini 共用的放到公共类里，私有的样式放到新类里

需要 登录 后方可回复, 如果你还没有账号请 注册新账号