想问一下高手怎样才能用html 5和css设计出像乐视或者琉璃神社这样漂亮的导航?

html-css018

想问一下高手怎样才能用html 5和css设计出像乐视或者琉璃神社这样漂亮的导航?,第1张

单纯的HTML和CSS是实现不了这么炫酷的效果的,还得结合jQuery进行设计。

教你个方法,打开琉璃神社--单击右键--网页另存为--选择“网页、全部”--确定。将它保存在你的电脑上,那基本上的文件就可以下载到本地,然后你再去分析人家的代码是怎么写的。

如果自己不会写的话也没有关系,里面的图片什么的都是可以分分离的,换自己的图片都可以用。

希望有帮助,愿采纳,多谢!

首先,一般做导航条,都是通过ul、li来做,将ul包裹在一个div中,然后设置好width和height,分隔线,换个理解,给li一个右边的边框就可以了,通过代码来理解:

<html>

<head>

<style>

#div1{

width:960px

height:30px

}

#div1 ul li{

float:left

width:60px

height:30px

border-right:1px solid

}

</style>

</head>

<body>

<div id='div1'>

<ul>

<li>muli1</li>

<li>muli1</li>

<li>muli1</li>

<li>muli1</li>

</ul>

</div>

</body>

</html>

你的CSS.RAR下载不下来,看不到源码!

你看你的a:hover伪类书写顺序是否正确,争取的书写顺序是:a:link->a:visited->a:hover->a:active如果你的CSS规则书写顺序不正确,样式可能无效。

另外要隐藏导航上面的文字直接在a标签的CSS属性里加text-indent:-2000em就行了。

【已经修正,请给邮箱地址】