当前位置: 代码迷 >> HTML/CSS >> css学习札记(第三节)
  详细解决方案

css学习札记(第三节)

热度:78   发布时间:2012-09-16 17:33:16.0
css学习笔记(第三节)

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>
 


这是一个边框的渐变效果,截图如下:

有一个缺点是这个渐变效果只能在火狐上看到,现在的浏览器还没有好好的统一,所以有些东西在一个浏览器上能够运行,但在另一个浏览器上就不能了。可能是有些东西在某些浏览器上是不支持的。

 

 

 

 

  相关解决方案