网上的各种导航网站非常多,但再漂亮的网站也难满足自己个性化需求。下面我们就来DIY一个属于自己的导航网页,请屏住呼吸,成就感正汹涌而来!/偷笑/
工具/原料
一台电脑
背景图片
方法/步骤
1、第一步、新建一个文件夹,用来存放html文件和图片资源。
2、第二步、新建一个笔记本文件,并在里面输入<body></body>,然后把文件另存为html文件,即要注意在文件名称后面加上html文件后缀“.html”。
3、第三步、添加背景图片。在<body>中加入background="b壹执慵驾g.jpg"芟坳葩津,即<bodybackground="bg.jpg">,“bg.jpg”为你的背景图片名称与及图片样式(图片样式可以查看其属性看得)。
4、第四步、在<body></body>设置元素居中,然后创建div块敛财醣沁并加上样式设置代码和动作样式代码,再在每个div块里面加入换行标签</br&爿讥旌护gt;即<center><divstyle="border-radius:20px;box-shadow:0020px#28FF28;width:300px"onMouseOver="this.style.opacity='0.9'"onMouseOut="this.style.opacity='0.5'">d</div></br></center>。(注意随意价格元素在div块里面让其得以显示出来,“d”。)
5、第五步、放进链接标签a、网址、网址名称和设置在新建页面中打开,即<ahref="https://www.baidu.com/"target="_blank">百度</a>。
6、第六步、复制黏贴div块,创建更多你自己喜欢的网址导航。