html+css
0
悬赏园豆：20
[已解决问题]
解决于 2018-10-19 09:51
最佳答案
0
这是让做静态的HTML页面吧
收获园豆：20
是的
@web前段初学者: 那就用HTML+css先拼出一个来，设置宽排列就完事了，你也可以了解一下bootstrap
其他回答(3)
1
你是想做导航的hover效果吧,导航写好,a:hove就可以
<!DOCTYPE html>
<html>
<head>
<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}
li
{
float:left;
}
a:link,a:visited
{
display:block;
width:120px;
font-weight:bold;
color:#FFFFFF;
background-color:#bebebe;
text-align:center;
padding:4px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#cc0000;
}
</style>
</head>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
</body>
</html>
0
基础样式写好后。
hover上去改变文字颜色，顺便加个border-bottom。
0
如果是做导航，鼠标放上去字体变颜色，带下划线，就得写a:hover{}。
