首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css学习札记(第三节)

2012-09-16 
css学习笔记(第三节)css我也不知道给大家讲点什么是比较合适的,总的来说,我觉的给大家一些实例,然后贴上代

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> 


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

css学习札记(第三节)

css学习札记(第三节)

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

 

 

 

 

热点排行