日期:2014-05-17 浏览次数:20682 次
css我也不知道给大家讲点什么是比较合适的,总的来说,我觉的给大家一些实例,然后贴上代码和效果图。这样可能是比较合适的。好吧,今天又学了一点css的效果,看代码:
<html> <head> <title>Border-color</title> </head> <body> <div style="border: 8px solid #000;-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;padding: 5px 5px 5px 15px;"></div> </body> </html>
这是一个边框的渐变效果,截图如下:
有一个缺点是这个渐变效果只能在火狐上看到,现在的浏览器还没有好好的统一,所以有些东西在一个浏览器上能够运行,但在另一个浏览器上就不能了。可能是有些东西在某些浏览器上是不支持的。