安卓下拉菜单美化,下拉菜单的美化修饰


下拉菜单的美化修饰
到这里,下拉菜单的功能效果已经实现了,你现在按F12就可以看到。不过你一定也发现菜单有点难看,字不够精细,菜单选项的默认链接色不好看,菜单也没有边框,那就让我们来稍稍为它美容一下。
1.定义菜单字体样式
按Shift+F11打开CSS Style(样式)面板,点击面板下面的安卓下拉菜单美化,下拉菜单的美化修饰按钮
在弹出的"New Style"窗的Tag框内选中td标签,Type选第二项Redefine HTML Tag,Define选This Document _disibledevent=>
此时弹出设置窗口,不管其它的,只在右边的Size框里选中12,单位为pixels。
安卓下拉菜单美化,下拉菜单的美化修饰
2.定义菜单链接样式
在样式面板中,点击面板下面的 按钮,在弹出窗中, Type选第三项Use CSS Selector,Tag框内选中a:hover标签,Define选This Document _disibledevent=>
点击OK后在弹出窗中,Color填#ff9933,Decoration选none,点OK。
 
安卓下拉菜单美化,下拉菜单的美化修饰
 
返回到样式面板,点击面板下面的安卓下拉菜单美化,下拉菜单的美化修饰按钮,在弹出窗中, Type选第三项Use CSS Selector,Tag框内选中a:link标签,Define选This Document _disibledevent=>按钮,在弹出窗中, Type选第三项Use CSS Selector,Tag框内选中a:visited标签,Define选This Document _disibledevent=>
 
弹出设置窗口,在左边的列表中选Border,右边四条边宽度都输入为1,颜色设为黑色#000000,Style选为solid。
 
安卓下拉菜单美化,下拉菜单的美化修饰
到此,我们就大告成功了。赶快用到你的网页上去吧。
Tags:  下拉栏美化 美化下拉列表 安卓下拉栏美化 下拉菜单美化 安卓下拉菜单美化

延伸阅读

最新评论

发表评论