打开APP
userphoto
未登录

开通VIP，畅享免费电子书等14项超值服

开通VIP

首页

好书

留言交流

下载APP

联系客服
《如何制作玻璃材质背景导航栏》
userphoto 关注
文/晓晓
我推荐这个导航栏的原因是它漂亮的玻璃效果，看看下面这个黑色玻璃效果是不是很有范儿很有质感呀。还有字体的设置和倒影效果，如果你用不到里面的小图片可以取消掉换成自己的。还有颜色可以自己调节，不懂颜色代码的到我首页博客在线工具去找，这里就不再说明了。
首页文章导航栏
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
你的文章标题
代码如下：
<P>
<TABLE borderColor=#444444 height=211 cellSpacing=0 cellPadding=0 width=720 align=center border=1>
<TBODY>
<TR>
<TD style="FILTER: Blur(Add=true, Direction=180, Strength=20)" align=middle bgColor=#444444 colSpan=4><FONT face=隶书 color=#ffffff size=5>首页文章导航栏</FONT></TD></TR>
<TR>
<TD width="25%"><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR>
<TR>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR>
<TR>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR>
<TR>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR>
<TR>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR>
<TR>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD>
<TD width="25%"><FONT size=2><IMG title=晓晓的世界欢迎您 alt=晓晓的世界欢迎您 src="http://image14.360doc.com/DownloadImg/2010/08/1517/4637978_1.gif" border=0></FONT><A href="http://xiao--911.blog.163.com/" target=_blank><FONT color=#000000 size=2>你的文章标题</FONT></A></TD></TR></TBODY></TABLE></P>
代码说明:
将代码中的“你的文章标题”换成自己的的文章名称，再把<A href="http://xiao--911.blog.163.com/" target=_blank>中我的网址换成你自己的文章网址即可。很简单吧~
晓晓的世界欢迎您的来访，无论您觉得这篇文章合不合胃口，希望您能留下对这篇文章的意见和看法。
如果您觉得和晓晓志同道合欢迎 加 我好友http://xiao--911.blog.163.com/
本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。
打开APP，阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序，算一算2024你的财运
博客制作教程-3：制作设置导航栏的方法步骤
如何利用3dsmax超级喷射制作飞舞的立方体
如何制作高逼格的PPT导航栏？
C店如何打造店铺形象
【引用】【原创】如何修改风格将博客装扮的更加靓丽（图文）
AI分分钟制作超炫背景！
更多类似文章 >>
生活服务
热点新闻
留言交流
回顶部
联系我们
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权！
如果VIP功能使用有故障，
可点击这里联系客服！

联系客服