WEB开发网
开发学院网页设计DivCss 巧用CSS的Border属性制作特效菜单 阅读

巧用CSS的Border属性制作特效菜单

 2008-03-09 11:35:48 来源:WEB开发网   
核心提示:5、在表格的〈table〉标记中加上这样一行代码:class="menustyle3",这行代码的作用与上面类似,巧用CSS的Border属性制作特效菜单(2),只是这里改变的是透明度,从视觉上产生一种明暗程度相互转换的效果,就可获得象Dreamweaver主菜单那样,当鼠标在菜单项上时, 到此,


  5、在表格的〈table〉标记中加上这样一行代码: class="menustyle3",这行代码的作用与上面类似,只是这里改变的是透明度,从视觉上产生一种明暗程度相互转换的效果。 

  到此,制作全部结束,按F12看看效果吧!用Dreamweaver3自动生成的CSS代码稍多一点,若对CSS熟悉的话,可直接编写,不是用Dreamweaver的网友,也可以把代码直接加在相应的位置即可。本例旨在抛砖引玉,提出一种方法思路,关键在于灵活应用,就可做出许多特殊效果来,如把菜单项由文本换成图象,效果将大不一样;把边框线的颜色改一下,就可获得象Dreamweaver主菜单那样,当鼠标在菜单项上时,产生凹下去的效果。

上一页  1 2 

Tags:CSS Border 属性

编辑录入:coldstar [复制链接] [打 印]
赞助商链接